常见的浏览器对js的兼容问题

1） 滚动条：

document.documentElement.scrollTop||document.body.scrollTop
复制代码

2) 获取样式兼容

function getStyle(dom, styleName){
        return dom.currentStyle?
        dom.currentStyle[styleName]
        getComputedStyle(dom)[styleName];
    }
复制代码

3) 网页可视区域兼容

window.innerHeight || document.documentElement.clientHeight
    window.innerWidth || document.documentElement.clientWidth
复制代码

4） 事件对象兼容

evt = evt || window.event;
复制代码

5） 阻止事件冒泡兼容

event.stopPropagation?
    event.stopPropagation():event.cancelBubble=true;
复制代码

6）阻止默认行为兼容

evt.preventDefault?evt.preventDefault():evt.returnValue=false;
复制代码

7）事件监听兼容

if(document.all){
        dom.attactEvent(“onclick”, fn);
        } else {
        dom.addEventListener(“click”, fn);
    }
复制代码

8）事件目标对象兼容

var t = event.target || event.srcElement;
复制代码

---

做者：wendy0818 来源：CSDN 原文：blog.csdn.net/wendy0818/a… 版权声明：本文为博主原创文章，转载请附上博文连接！