解決相容性的方法

2022-08-22 19:27:12 字數 2031 閱讀 1824

解決相容性的方法

1.清除浮動的相容性:

清除浮動在低版本瀏覽器不可以使用,需要處理相容性加乙個

2.rgb 和rgba和opacity的相容性:

rgb  和 opacity在ie低版本中不支援,需要加乙個filter:alpha(opacity=50);

3.解決css3中的相容性

chrome(谷歌)的字首-webkit-

firefox(火狐)的字首-moz-

ie的字首 -ms-

poera(歐朋)的字首-o-

國內的瀏覽器的核心都是谷歌

4. le6不支援document.documentelement

相容寫法

var w=document.element.clientwidnth||document.body.clientwidth

獲取瀏覽器可見區的寬度

5.獲取元素的子節點

元素.childnodes 這個屬性有相容性 標準瀏覽器會獲取到文字節點而低版本的不會,所以建議使用children這個屬性。

標準下     元素.firstelementchild

非標準下 元素.firstchild

相容下寫法

var list=document.getelementbyid("list")

var fist=list.firstelementchild||list.firstchild

console.log(fist)

6. js解救相容性的方法

1.||

var dd=document.documentelement.clientwidth||document.body.clientwidth

2.if()else{}

if(window.getcomputedstyle)else

console.log(csss)

3.try{}catch(err){}

必須在報錯的條件下,和if  else比較效能上比較差,萬不得已的情況下不能下

相容性元素沒有子節點,ie低版本會讀取不到,而標準瀏覽器會

因為標準瀏覽器會把文字節點當做子節點,而ie6-8不會

8.獲取瀏覽器body的屬性是有相容的

相容寫法:var  ss=document.documentelement||document.body

9.event的相容性

在chrome下event是undefined;在ie低版本下null;在火狐下會報錯

document.onclick=function(e){

var e=e||window.event

10.mouseevent相容性:

標準瀏覽器可以直接讀取,但ie不行。

document.onclick=function(ev){

var ev=e||window.event

11.event物件的相容性:

clientx和clienty是滑鼠到瀏覽器視窗的左上角的距離

pagex和pagey是滑鼠到網頁左上角的距離座標,但ie低版本沒有這個屬性

在ie下怎麼算pagey的值?用client+scrolltop

12.阻止事件冒泡的相容性寫法

1.event.vancelbubble()

2.event.stoppropagation?event.stoppropagation():event.cancelbubble=ture

13.阻止事件預設行為相容性

event.preventdefault?event.preventdefault():event.returnvalue=false

相容性(空格相容性)

在chrome與firefox下顯示的寬度不同,原因是兩個瀏覽器的預設字型不同,給html規定字型即可解決。下面有各種形式的空格,各有不同 不換行空格,按下空格鍵所產生的空格,受字型影響明顯 ensp 半形空格 em寬度的一半 乙個小寫字母的寬度 基本不受字型影響 emsp 全形空格 乙個em寬度 ...

瀏覽器相容性的解決方法

hack表示補丁的意思,就是利用各種技巧,專門為特定瀏覽器增補樣式,以實現在不同瀏覽器中具有相同的顯示效果。這些方法也被稱為過濾器 filter 就是在所有瀏覽器中過濾出特定型別瀏覽器並為其單獨定義樣式。常用css hack包括3種形式 條件過濾器 屬性過濾器和選擇符級過濾器。1 ie條件語句 基本...

Win7相容性怎麼設定?設定相容性的方法

首先 在有問題的軟體的圖示 注意不是快捷方式 上點選右鍵,選擇 相容性疑難解答 系統會自動檢測,稍等片刻。接下來會出來右圖的對話方塊,選擇 嘗試建議的設定 點選 啟動程式 來測試該軟體是否可以正常執行,隨後點選下一步。如果沒問題選擇 是,為此程式儲存這些設定 即可。如果還有問題,選擇 否,使用其他設...