今天总结总结在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")