js中的兼容问题

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