javaScript中一些常见的兼容性问题整理

Posted 一望无际tiger

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javaScript中一些常见的兼容性问题整理相关的知识,希望对你有一定的参考价值。

javascript中一些常见的兼容性问题整理

            1)滚动条:

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

             

            2) 获取样式兼容

            functiongetStyle(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;

 

以上是关于javaScript中一些常见的兼容性问题整理的主要内容,如果未能解决你的问题,请参考以下文章

持续更新JavaScript常见面试题整理

javascript常见兼容问题汇总js(主要针对IE)

一些常见的样式需求整理(待更新)

前端jQuery部分简单整理

常见的JavaScript兼容问题

JavaScript常见兼容问题解决