各種相容性的處理

2021-07-31 17:58:15 字數 820 閱讀 8946

1)滾動條:

document.documentelement.scrolltop||

document.body.scrolltop

2) 獲採樣式相容

function

getstyle

(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) else

8)事件目標物件相容

var t =

event.target ||

event.srcelement;

9)terget相容寫法

content.onclick

= function (e)

}

各種css hack 相容性探測

css hack 瀏覽器相容的一些寫法 人一旦習慣了某些東西就很難去改,以及各種各樣的原因,新的瀏覽器越來越多,而老的總淘汰不了。增長總是快於消亡導致了瀏覽器相容是成了談不完的話題。說到瀏覽器相容,css hack自然而然地被我們想起。今天,我們通常都有乙個團隊或者將有乙個團隊的人在乙個公司裡面做相...

HTML相容性處理

注意 html 對ie7的hack 必須保證html頂部有如下宣告 二 萬能 float 閉合 關於 clear float 的原理可參見 how to clear floats without structural markup 將以下 加入global css 中,給需要閉合的div加上 cla...

webpack JS相容性處理

js相容性處理babel的使用 執行前 es6 寫法 指定相容瀏覽器版本範圍 targets plugins new htmlwebpackplugin devserver 它把所有的相容性的 全部引入,體積太大 babel loader babel core babel preset env co...