今天总结总结在JS里面遇到的兼容性问题

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

     document.documentElement.scrollTop  ||  document.body.scrollTop    （兼容IE） 

 

2.获取非行间样式

   getComputedStyle(元素,false)[attr]  ||   元素.currentStyle[attr]    

 

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

  str[1] 在IE6，7中不兼容，用str.charAt(1)在各个浏览器都兼容

 

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

   chilidNodes,firstChild,lastChild,nextSibling,previousSibling 在IE6-8中获取的是元素节点,而在正常浏览器中获取出来包括元素节点，文本节点，属性节点

   在正常浏览器总用children，firstElementChild，lastElementChild，nextElementSibling，previousElementSibling获取的是元素节点

 

event事件对象中出现的兼容

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

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

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

   8. e.prevntDeafault() ||  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")

 

更多专业前端知识，请上 【猿2048】www.mk2048.com