常見的原生js的相容寫法總結

在我們寫js原生語法的時候，不可忽略的是**在不同瀏覽器上執行的相容問題，這是我總結的一些關於js**相容問題的常見處理寫法

1.獲取當前網頁的寬度和高

window.innerwidth?window.innerwidth:document.documentelement.clientwidth;

window.innerheight?window.innerheight:document.documentelement.clientheight;

var scrolltop=document.documentelement.scrolltop||document.body.scrolltop;

var scrolltop=document.documentelement.scrollleft||document.body.scrollleft;

分析:如果支援就直接獲取，如果不支援，通過bytagname獲取，需要遍歷所有的標籤，找到需要的classname的元素

function byclassname(obj,classname)

else

function getstyle(obj,attr)

obox.onclick=function(evt)

function getbutton(evt)else if(window.event)

} }

//onkeydown和onkeyup事件

var code=event.keycode||event.which;
//onkeypress事件
var code=event.keycode||event.which||charcode

var target=e.target||e.srcelement;

var e=eve||window.event;

e.stoppropagation?e.stoppropagation():e.cancelbubble=true;

function stopdefault(eve)

function addeventlistener(obj,event,fn,boo)else if(attachevent)else

}

function removeeventlistener(obj,event,fn,boo)else if(detachevent)else

}

常用原生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方法個人總結（相容性寫法）

獲取非行內樣式的相容 注釋 1.style 獲取行間樣式。2.currentstyle 獲取計算後的樣式，也叫當前樣式 最終樣式。3.getcomputedstyle obj,false 在ff新版本中只需要第乙個引數，即操作物件，第二個引數寫 false 也是大家通用的寫法，目的是為了相容老版本的...

常用原生JS方法總結（相容性寫法）

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