js中常見的一些兼容性問題

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;

發佈留言