兼容性问题总结

最新推荐文章于 2021-06-26 09:53:34 发布

yaya1286249672

最新推荐文章于 2021-06-26 09:53:34 发布

阅读量264

点赞数 1

文章标签：原生javascript兼容性问题

本文链接：https://blog.csdn.net/yaya1286249672/article/details/53980570

版权

备注：兼容性问题整理

滚动条：

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;

9 )Ajax创建XMLHttpRequest对象兼容写法:

var http;
if(window.XMLHttpRequest){
http = new XMLHttpRequest();
}else {
http = new ActiveXObject("Microsoft.XMLHTTP");

}

10)target兼容写法

content. onclick = function (e) {
e = e || window. event ;
var t = e. target || e. srcElement ;
if(t. nodeName. toLowerCase() == "button" ){
var x = t. parentNode. previousSibling. previousSibling. childNodes[ 1]. textContent ;
alert(x + " 加入了购物车 ") ;
}
}