1、事件绑定
其他浏览器:
添加:addEventListener
移除:removeEventListener
IE8及以下:
添加:attachEvent
移除: detachEvent
2、获取元素
兼容:
getElementById:根据id获取元素
getElementByTagName:根据标签名获取元素集合
querySelector:根据选择器找到一个元素
querySelectotAll:根据选择器找元素集合
不兼容:
getElementByName:根据name属性名,获取元素集合
getElementByclassName:根据类名获取元素集合
3、节点
不兼容:
firstChild:第一个子节点
lastChild:最后一个字节点
previousSibling:前一个兄弟
nextSibling:下一个兄弟
4、事件对象
不兼容:
pageX:事件触发时,鼠标位于页面的横坐标
pageY:事件触发时,鼠标位于页面的纵坐标
5、冒泡阶段的最顶层元素
IE8及以下:document
高级浏览器:window
6、阻止浏览器默认行为的事件
return false 只适用于DOM0级
e.preventDefault 通过事件对象
e.returnValue = false
7、事件委托中事件源的获取
event.target || event.srcElement
8、事件对象的创建
window.event||e
9、事件冒泡
window.event.cancelBubble=true
e.stopPropagation()
10、获得卷动值
document.documentElement.scrollTop ||document.body.scollTop