节点 Node(节点)是构成HTML5的基本单元,DOM节点主要分为四类 文档节点:整个HTML文档; 元素节点:HTML文档中的HTML标签; 属性节点:元素的属性; 文本节点:HTML标签中的文本内容; 节点 nodeName(节点名) nodeType(节点类型) nodeValue(节点值) -------- ---------------- ...

拖拽事件 当我们拖拽一个网页中的内容时，浏览器会默认去搜索引擎中搜索内容，此时会导致拖拽功能的异常，这个是浏览器提供的默认行为,如果不希望发生这个行为，可以通过return false来取消默认行为，但是对IE8及以下浏览器不起作用(并不是说IE8不支持使用return false来取消默认效果，只是不支持在拖拽时取消默认效果) 注意: 使用addEv...

滚轮事件 onscroll事件为元素添加滚动(注意不是滚轮,滚动是滚动条发生变化)事件,该事件是滚动条变化就发生事件,所以一次鼠标滚动可能会发生很多次该事件; onwheel鼠标滚动事件,会在鼠标滚动时触发,推荐使用该事件; onmousewheel鼠标滚轮事件，会在滚轮滚动时触发，但是火狐不支持该属性，在火狐中需要使用DOMMouseScroll来绑...

键盘事件 12.1 事件触发 onkeydown事件触发表明键盘按键被按下,如果一直按着某个按键不松手，则事件会一直触发; 注意:当onkeydown事件连续触发时，第一次和第二次之间会间隔稍微长一点，其他的会非常快，这种设计是为了防止误操作事故的发生,如果不想要这种效果请使用定时器 onkeyup事件触发表明键盘按键被松开; 注:键盘事件有一般都会绑...

BOM BOM全称Browser Object Model(浏览器对象模型),是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构，BOM可以使我们通过JS来操作浏览器 BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象 Window-代表...

DOM事件 事件是用户和浏览器之间的交互行为 2.1 鼠标事件 属性 描述 ------------- ------------------------------------------------------------ onclick 当用户点击某个对象时调用的事件句柄。单击鼠标左键或者按下回车键时触发,意味着onclick事件处理程序既可以通过...

DOM查询 3.1 获取DOM节点 3.1.1 获取元素节点 getElementById()通过ID获取元素节点,返回一个普通对象; 注意:ID其实可以不用获取而直接使用,因为ID是具有唯一性的,但是不推荐不获取就直接使用ID，因为以后会很难区分这个变量是哪里来的 getElementsByTagName()方法通过标签名获取元素节点,返回一个类数组...

元素样式 4.1 修改元素CSS样式 4.1.1 通过style属性修改元素样式 通过 元素.style.样式名="样式值" 的方式设置修改CSS样式 注意: 如果CSS的样式名中含有-(也就是减号)，这种名称在JS中是不合法的，比如background-color,需要将这种样式名修改为驼峰命名法，去掉-，然后将-后的字母大写，如:backgroun...

事件对象 当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为默认实参(如果没有传入参数位置为arguments[0])传递进响应函数，在事件对象中封装了当前事件相关的一些信息，比如:鼠标的坐标，键盘哪个按键被按下 ，鼠标滚轮滚动的方向 注: 一般都会把形参写在事件对象的形参里,虽然不写也不会报错,但是获取方式会相对麻烦; 在IE中,event事...

事件的冒泡(Bubble) 所谓的冒泡指的就是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发，在开发中大部分情况冒泡都是有用的，如果不希望发生事件冒泡，可以通过事件对象来取消冒泡，可以通过设置event.cancelBubble=true来取消冒泡，这个需要设置在子元素的事件中，并且大多数都是设置的可以冒泡，除了某些函数默认...