js的一些兼容

1、
document.body.scrollTop
document.documentElement.scrollTop
两个都是获取页面向上滚动的距离
区别：
Chrome 和 FireFox、IE 浏览器
没有 DOCTYPE 声明的时候，用 document.body.scrollTop
有 DOCTYPE 声明的时候，用 document.documentElement.scrollTop
Safari 两个都不用，使用一个单独的方法 window.pageYOffset

2、
兼容大部分浏览器事件对象
var e=e||window.event;

3、事件监听
addEventListenenr：非IE 6 7 8x下使用
IE使用attachEvent
兼容写法
if(obj.currentStyle){
obj.attachEvent(“onclick”,function(){})
}else{
obj.addEventListenenr(“click”,function(){})
}

4、获取元素的非行间样式
IE下：obj.currentStyle.height;
非IE下: window.getComputedStyle(obj,null).height;

5.事件捕获优先级高于事件冒泡

6.阻止事件传播：
不冒泡e.cancelBubble=true（IE）或不传播 e.stopPropagation()

7,事件委托 target
IE下要使用srcElement,其它target
var target =e.srcElement||e.target;

8.阻止默认行为
e.preventDefault() ：非IE下使用
e.returnVlaue = false; IE下使用

window.screenLeft 属性返回窗口相对于屏幕的X坐标（不支持老版本火狐浏览器）
window.screenTop 属性返回窗口相对于屏幕的Y坐标 （不支持老版本火狐浏览器）
window.screenX 属性返回窗口相对于屏幕的X坐标 （不支持IE9以下浏览器）
window.screenY 属性返回窗口相对于屏幕的Y坐标 （不支持IE9以下浏览器）

9.透明度 非IE .opacity IE .filter=‘alpha(opacity=100)’;

10.Ajax
// IE9及以上 const xhr = new XMLHttpRequest()

// IE9以下 const xhr = new ActiveXObject(‘Microsoft.XMLHTTP’)

//兼容写法
if(window.XMLHttpRequest){
var xhr=new XMLHttpRequest();
}else{
// IE5 IE6
var xhr=new ActiveXObject(“Microsoft.XMLHTTP”);
};