js常见兼容

1)滚动条：

1	document.documentElement.scrollTop\|\|document.body.scrollTop

function getStyle(dom, styleName){
return dom.currentStyle?
dom.currentStyle[styleName]:
getComputedStyle(dom)[styleName];
}

3) 网页可视区域兼容

1 2	window.innerHeight \|\| document.documentElement.clientHeight window.innerWidth \|\| document.documentElement.clientWidth

4）事件对象兼容

1 2	evt = evt \|\| window.event; event.target.className

5）阻止事件冒泡兼容

1
2
3

event.stopPropagation?
event.stopPropagation():
event.cancelBubble=true;

6）阻止默认行为兼容

1
2
3

evt.preventDefault?
evt.preventDefault():
evt.returnValue=false;

7）事件监听兼容

1
2
3

document.all?
    dom.attachEvent(“onclick”, fn)：
    dom.addEventListener(“click”, fn);

1	var t = event.target \|\| event.srcElement;【if(t.nodeName.toLowerCase() == “li”)】

9）ajax请求的兼容

var http;
window.XMLHttpRequest?
http = new XMLHttpRequest():
http = new AtiveXObject('Microsoft.XMLHTTP');
`

近期文章