JS中瀏覽器相容性問題

2021-08-07 18:14:13 字數 2488 閱讀 6146

1、瀏覽器的寬高問題

var winw=document.body

.clientwidth||document.docuemntelement

.clientwidth

;//網頁可見區域寬

var winh=document.body

.clientheight||document.docuemntelement

.clientheight

;//網頁可見區域寬

//以上為不包括邊框的寬高,如果是offsetwidth或者offsetheight的話包括邊框

var winww=document.body

.scrollwidth||document.docuemntelement

.scrollwidth

;//整個網頁的寬

var winhh=document.body

.scrollheight||document.docuemntelement

.scrollheight

;//整個網頁的高

var scrollheight=document.body

.scrolltop||document.docuemntelement

.scrolltop

;//網頁被卷去的高

var scrollleft=document.body

.scrollleft||document.docuemntelement

.scrollleft

;//網頁左捲的距離

var screenh=window.screen

.height

;//螢幕解析度的高

var screenw=window.screen

.width

;//螢幕解析度的寬

var screenx=window.screenleft

;//瀏覽器視窗相對於螢幕的x座標(除了firefox)

var screenxx=window.screenx

;//firefox相對於螢幕的x座標

var screeny=window.screentop

;//瀏覽器視窗相對於螢幕的y座標(除了firefox)

var screenyy=window.screeny

;//firefox相對於螢幕的y座標

2、event事件問題:

document.onclick=function

(ev)

document.onclick=function

() document.onclick=function

(ev)

3、dom節點相關的問題

//dom節點相關,主要相容ie 6 7 8

function

nextnode

(obj) else;

} function

prenode

(obj) else;

} function

firstnode

(obj) else;

} function

lastnode

(obj) else;

}

4、獲取元素的非行間樣式值

function getstyle(object,ocss) else

}

5、設定事件監聽

function

addevent

(obj,type,fn) else;

} function

removeevent

(obj,type,fn) else;

}

6、元素到瀏覽器邊緣的距離

function

offsettl

(obj)

return;

}

7、阻止事件傳播

function

offsettl

(obj)

return;

}

8、阻止預設事件

document.onclick=function

(e)else

}

9、event中的target事件

document.onmouseover=function

(e)

10、滑鼠的滾動事件

//火狐中的滾輪事件

document.addeventlistener("dommousescroll",function

(event),false)

//非火狐中的滾輪事件

document.onmousewheel=function

(event)

瀏覽器相容性問題

苦惱的區別 1.image repeat 在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號,div設定的backgourn image url xx 結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性,還有好多的差異,明天 去了 ...

瀏覽器相容性問題

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

瀏覽器相容性問題

解決方案 應該用ie8相容模式瀏覽網頁,而不應該用ie9或ie10渲染模式.很多使用者安裝ie10後發生很多網頁顯示錯亂,就是相容性的原因,因為ie10預設的渲染模式是ie10.此時應該將其改為ie7渲染模式。為什麼用ie6 7渲染模式的原因如下 中國所有網頁肯定都支援ie,支援ie就是支援ie核心...