原生JS方法個人總結(相容性寫法)

2021-09-26 07:43:41 字數 1348 閱讀 4881

獲取非行內樣式的相容 ✿ :

注釋

1.style:獲取行間樣式。

2. currentstyle:獲取計算後的樣式,也叫當前樣式、最終樣式。

3. getcomputedstyle(obj,false):在ff新版本中只需要第乙個引數,即操作物件,第二個引數寫「false」也是大家通用的寫法,目的是為了相容老版本的火狐瀏覽器。

//獲取非行內樣式的相容

function getstyle

(ele,attr)

else

}

獲取行內樣式的相容 ✿ :

//獲取行內樣式的相容

window.onload =

function()

else

};

阻止瀏覽器預設事件的相容 ✿ :

//阻止瀏覽器預設事件的相容 

preventdefault:

function

(event)

else

}

阻止事件冒泡的相容 ✿ :

//阻止事件冒泡的相容 

stoppropagation:

function

(event)

else

}

獲取事件及事件物件目標 ✿ :

//獲取事件及事件物件目標   

getevent:

function

(event)

,//獲取事件物件目標的相容性寫法

gettarget:

function

(event)

ie和標準下有哪些相容性 ✿ :

//ie和標準下有哪些相容性   

var ev = ev || window.event //事件問題

//網頁可見區域

document.documentelement.clientwidth || document.body.clientwidth

//事件源相容

常用原生JS方法總結(相容性寫法)

新增事件方法 1 2 3 4 5 6 7 8 9 addhandler function element,type,handler elseif element.attachevent else 移除之前新增的事件方法 1 2 3 4 5 6 7 8 9 removehandler function...

常用原生JS方法總結(相容性寫法)

經常會用到原生js來寫前端。但是原生js的一些方法在適應各個瀏覽器的時候寫法有的也不怎麼一樣的。今天下班有點累。就來總結一下簡單的東西吧 備註 一下的方法都是包裹在乙個eventutil物件裡面的,直接採用物件字面量定義方法了。新增事件方法 addhandler function element,t...

css樣式獲取及相容性(原生js)

類選擇器相容性 getbyclass 類選擇器,在ie8及以下均不可用。類選擇器的相容性 function getbyclass parentname,name ie9及以上支援,一下為undified else ie瀏覽器 var odivcss getcssstyle odiv alert od...