- 博客(63)
- 收藏
- 关注
原创 21.事件对象
事件对象1.获取事件类型在addEventListenerhoumian的括号中若改成mouseover,弹出来的就会是mouseover。2.获取事件目标3.阻止事件冒泡&阻止事件默认行为16行:获取事件目标17行:阻止事件冒泡 这样就不会冒泡到div,这样第13行代码就不会通过div这个id进行调用showDiv这个函数。23行:阻止事件冒泡...
2020-04-09 20:25:30
140
原创 20.事件处理
事件处理2.DOM0级事件处理当btn.onclick被赋值成null时,原本alert的内容就不会弹出来,相当于程序接连执行,最后的结果为null。DOM0的弊端就是会覆盖掉,下图所示,程序一的结果并不显示,只会显示出程序二的内容。3.DOM2级处理事件程序一、二、三会按顺序依次弹出来,但是如果加上remove这一行代码就会减去demo2,所以就不会弹...
2020-04-09 20:22:41
118
原创 19.句柄
DOM EventListenerfunction括号后的两个属性分别是:指定它他是什么事件,指定它要做什么这个里面function括号后面的两个属性分别是:指定它是一个什么事件,指定它作用于那个函数...
2020-04-09 20:17:48
117
原创 18.DOM操纵Css
DOM操纵Cssproperty做一个指代意义,不同的属性总不同的属性单词来描述例如图中的background,这里用来改变背景,也可以用来改变颜色,用color,改变字体什么的。...
2020-04-09 20:14:23
131
原创 17.DOM操纵HTML
DOM操纵HTML-------------------------------------------------------------------------------------------------------------------------------------1.改变HTML输出流就是一个输出语句2.通过ID找到HTML元素&通过...
2020-04-08 19:58:59
264
原创 14.局部变量和全局变量
局部变量和全局变量局部变量:一般来说,变量在函数中声明,变量为局部变量,且只能在函数内部访问。全局变量:变量在函数外定义,即为全局变量。此外,还有两种隐式的全局变量声明方法。方式一:如果变量在函数内没有声明(没有使用var关键字),该变量为全局变量。如上图所示:函数中没有使用var定义变量,直接给carNAME赋值,这样会隐式的声明了全局变量carNA...
2020-04-08 19:43:12
208
1
原创 11.函数的调用
函数的调用1.直接在script脚本里调用2.在HTML里面调用此时要注意的是调用的时候要跳出 script 脚本,在其标签外面写这一行调用代码。也可以写成下面这种方式,在 form 中调用,它们两个在本质上是一样的。--------------------------------------------------------------------...
2020-04-08 19:33:40
162
原创 10.定义函数
定义函数第二张图片一共 定义了两个方法,此时电脑只会弹出100,即方法2的结果,而不会弹出方法1的结果,要调用它,写上sum();这行代码,调用顺序即结果弹出顺序。...
2020-04-08 19:23:28
97
原创 9.函数方法
函数方法function这三行代码的意义是创建一个方法,一个模板。后面的一段代码就像是随时可以改变的量,输入进不同的值,就会有不同的结果。...
2020-04-08 19:08:54
96
原创 8.跳转语句
跳转语句1.break看结果可以知道,break的意义是当 for 循环达到 if 的条件,该程序就算执行结束。2.continue而continue的意义是当for 循环达到 if 的条件时短暂的跳出循环(不执行i=5时候的结果),继而继续执行程序,直至 for的循环结束。...
2020-04-07 22:27:52
373
原创 7.while循环
while循环密码输入错误后面之所以用pwd=prompt而不是document.write,目的是当用户输入进去错误的密码时,能够让输入密码这一环节的对话框一致弹出来,让用户能够无限次的输入密码,直至输入紧缺正确的密码。之所以让while部分的代码写在if部分代码的前面,是因为如果不这样,当第一次用户输入密码的时候,代码自上向下执行,如果输入错了,则会消耗掉这一段代码,代码继...
2020-04-07 22:25:01
245
原创 4.JS条件语句
JS条件语句正否:多个可能:&&:还可以用if else,它的意义就是当条件不属于if后面跟的语句,但是在不属于的范围内分割成不同的范围。...
2020-04-07 22:15:34
91
原创 1.变量
变量在这里,将“任曼”作为一个值传递给了“美丽的人”这一变量,输出的“美丽的人”的意识是输出的是它的值,所以,变量是什么名字,想要输出它的时候就要写成和变量一样的名字。JS变量2...
2020-04-07 22:08:31
76
原创 0.javascript初步
javascript初步alert多作为在警告栏中输出document.write 主要是指在文档内输出html连接javascript的方式也是有三个,方式和css连接html是一样的...
2020-04-07 22:06:52
120
原创 19.Css——多列
Css多列column-count: 3; 将内容一共分为三行column-width:35px;列宽度column-gap: 100px; 列与列之间的间隙column-rule: 10px outset green; 分割线的样式,宽度,显示方式以及颜色...
2020-03-25 20:13:53
191
原创 18.Css——动画
Css动画<style type="text/css">p{ width:100px; height:100px; background-color:green;}p:hover{ animation-duration:1s; animation-delay:200ms; ...
2020-03-25 20:12:17
197
1
原创 17.Css——过渡
Css过渡具体用法如下:<style type="text/css">p{ width:100px; height:100px; ...
2020-03-25 20:07:23
240
1
原创 16.Css——实现2D、3D转换
2D、3D转换 属性 具体用法 使用含义 2D translate() transform:translate(1px,2px) 括号里的内容分别代表距离x轴和y轴的距离 rotate() ...
2020-03-25 19:59:12
173
原创 15.Css——一些常见属性及巧设导航栏
一些常见属性及巧设导航栏具体用法:cursor:XX 代表当鼠标经过经过某段内容时,形态由这个属性来设置,如手掌型,箭头性。display:XX 可以用display:inline这行代码结合列表来设置导航栏。visibility:XX 设置可见或者不可见。...
2020-03-25 19:56:22
214
原创 14.Css——实现图片的周边出现和图片等宽的边框
实现图片的周边出现和图片等宽的边框想让图片的周边出现和图片等宽的边框,图2所示的float:left即为所起的作用。
2020-03-25 19:45:05
131
原创 11.Css——盒子模型
Css盒子模型内容 content;填充 padding;边框 border;边界 marginpadding:也可以这样一次性设置:padding:5px 10px 15px 20px; 内容距离内边框上 右 下 左的距离margin:也可以这样一次性设置:margin:5px 10px 15px 20px; ...
2020-03-24 18:57:44
132
原创 10.Css——浮动
Css浮动float:left 元素向左浮动 :right 元素向右浮动 :none 元素不浮动 :inher 从父级继承浮动属性clear:left、right 去掉向左、向右浮动 :both 左右两侧去掉浮动 :inherit 从父级继承来的clear值...
2020-03-24 18:40:15
95
原创 9.Css——定位
Css定位1.position: static 默认值,没有定位 fixex 固定位置,当出现滚动条时,对象不随着滚动 relative 相对定位,会按照元素的原始位置对该元素进行移动 abosolute 绝对定位,位置被设置成...
2020-03-24 18:39:02
204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人