js常見的相容問題整理

2021-09-17 23:20:44 字數 804 閱讀 8911

//相容性

// 1.關於瀏覽器的寬高問題:

var winw=document.body.clientwidth||document.docuemntelement.clientwidth;

var winh=document.body.clientheight||document.docuemntelement.clientheight;

事件問題

var e=evt||event

節點相關

function nextnode(obj) else;

}function prenode(obj) else;

}function firstnode(obj) else;

}function lastnode(obj) else;

}// 4.事件監聽

function addevent(obj,type,fn) else;

}function removeevent(obj,type,fn) else;

}//5、阻止冒泡

e.stoppropagation ? e.stoppropagation():e.cancelbubble = true;//相容寫法

//6.阻止瀏覽器預設事件

e.preventdefault?e.preventdefault():e.returnvalue = false;//相容寫法1

//return false;//相容寫法2

//7.事件委託

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

js中常見的相容問題

1.獲取非行內樣式方式的相容 function getstyle obj,attr else 2.onscroll事件相容問題 window.onscroll function 3.事件物件的相容 function obj evt 4.鍵盤檢測相容寫方法 let key e.keycode e.wh...

常見的相容問題

1.png24位的在ie6瀏覽器上出現背景,解決方案是做成png8.也可以引用一段指令碼處理.2.瀏覽器預設的margin和padding不同。解決方案是加乙個全域性的 來統一。3.ie6雙邊距bug 塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大。4.浮動...

常見的相容問題

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...