JS中的一些相容性問題(可直接使用)

2021-09-28 13:29:04 字數 860 閱讀 3877

每個瀏覽器不同的核心,不同的處理引擎,不同的渲染引擎就會導致寫同一條樣式的時候出現差異,這個現象叫做相容。

因此我整理出一些在編寫js中所需要的相容性寫法,可直接儲存到public.js當中,當需要用到時,直接呼叫出來。

function getstyle(ele,attr)else

}

function stopbubble(e)else

}

取消事件冒泡有兩種方式:

標準的w3c

方式:e.stoppropagation();這裡的stoppropagation是標準的事件物件的乙個方法,呼叫即可(谷歌和火狐支援,ie不支援)

非標準的ie方式:window.event.cancelbubble=true;這裡的cancelbubble是ie事件物件的屬性,設為true就可以了(ie特有的,谷歌支援,火狐不支援)

function stopdefault(e)else

}

function fn(eve)
document.onkeypress=function(eve)
function add(eve)else

}

if (e.removeeventlistener)else
oul.onclick=fn(achild,callback);		

function fn(achild,callback)}}

}

JS中的相容性問題

事件物件相容 window.event只能在ie下執行,而不能在firefox下執行,這是因為firefox的event只能在事件發生的現場使用。firefox必須從源處加入event作引數傳遞。ie忽略該引數,用window.event來讀取該event。解決的方法 event event win...

IE6的一些相容性問題

總結一下ie6相容性的部分小問題 1.ie6的hack問題 在css屬性前加上下劃線 這個屬性就是ie6認識的專有屬性。可以用它解決一些ie6的相容問題。例如 background color red 只有ie6才認識這個屬性2.ie6不支援小於12px的盒子。解決辦法是給盒子設定乙個 font s...

常見的js相容性問題

1.獲取滾動條的距離 var stop document.documentelement.scrolltop document.body.scrolltop 2.獲取非行間樣式 ie currentstyle attr 標準 getcomputedstyle attr function getsty...