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