js常见兼容性问题？

1） 滚动条：

document.documentElement.scrollTop || document.body.scrollTop;

---

2) 获取非行内样式兼容

高版本浏览器为：window.getComputedStyle（obj,伪类）["属性"]  不获取伪类的时候可以不写或者写false/null；

低版本浏览器为：元素 (obj).currentStyle.属性（attr） 

if(window.getComputedStyle){
    return window.getComputedStyle(obj,false)[attr]      
}else{
    return obj.currentStyle.attr
}        

---

获取非行内样式（兼容问题）

    function getStyle(obj,attr){             //获取非行间样式，obj是对象，attr是值
        if(obj.currentStyle){                //针对ie获取非行间样式
            return obj.currentStyle[attr];
        }else{
            return getComputedStyle(obj,false)[attr];   //针对非ie
        };
    };

---

3) 网页可视区域兼容

window.innerHeight || document.documentElement.clientHeight

window.innerWidth || document.documentElement.clientWidth

4）事件对象兼容

var e = e || window.event

---

5）阻止事件冒泡兼容

e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true 

---

6）阻止默认行为兼容

e.preventDefult ? e.preventDefult() : e.returnValue = false

---

7）事件监听兼容

obj.addEventListener("事件去掉on",function(){},布尔值)

obj.attachEvent("事件带on"，function(){})  //IE

---

8）事件目标对象兼容

var t = event.target || event.srcElement;

---

10）获取键盘的按键

IE8以及以下版本不兼容which

var x = event.which || event.keyCode  ||  var x = e.which || e.keyCode