JavaScript中的兼容性问题

1.获取滚动距离的兼容性问题:

　　document.documentElement.scrollTop

　　document.body.scrollTop

 

2.获取非行间样式

　　getComputedStyle(元素,false)[attr]

　　元素.currentStyle[attr]

 

 

3.索引获取字符串的问题

　　str[1] 在IE6，7中不兼容，

　　用str.charAt(1)在各个浏览器都兼容

 

4.DOM中的获取节点的兼容

　　chilidNodes,firstChild,lastChild,nextSibling,previousSibling

　　在IE6-8中获取在正常浏览器中获取出来包括元素节点，文本节点，属性节点

　　在正常浏览器用获取的是元素节点event事件对象中出现的兼容

 

 

5. var e =e || event 　　　　　　　　　　　　　　　　//获取事件对象

 

6. var target = e.target || e.srcElement 　　　　　　　//获取触发事件的那个元素

 

7. var key = e.keyCode || e.which　　　　　　　　　　 //获取键盘按下的键

 

8. e.preventDeafault() || e.returnValue = false 　　　　//阻止浏览器默认事件

 

9. e.stopPropagation() || e.cancelBubble = true 　　　　//阻止冒泡

 

10. 元素.addEventListener() 和 元素.attachEvent()

　　　　添加DOM2级事件(监第一个参数写类型的时候不需要加on

　　　　而第二种需要加on 栗子 ：元素.addEventListener("click",function(){})

　　　（正常浏览器 元素.attachEvent("onclick",function(){}) （IE浏览器用这个）

 

11.元素.removeEventLister() 和 元素.detachEvent()

　　　　正常浏览器用 元素.removeEventLister()

　　　　IE浏览器用 元素.detachEvent()

 

12.创建AJAX时的兼容: XMLHttpRequest() 和 ActiveXObject("Microsoft,XMLHTTP")