IE和Firefox瀏覽器相容問題總結

2021-08-23 13:46:21 字數 3322 閱讀 6944

滑鼠及物件座標控制屬性

offsettop

獲取物件相對於版面或由 offsetparent 屬性指定的父座標的計算頂端位置。

offsetleft

獲取物件相對於版面或由 offsetparent 屬性指定的父座標的計算左側位置。

offsetheight

獲取物件相對於版面或由父座標 offsetparent 屬性指定的父座標的高度。

ie、opera 認為 offsetheight = clientheight + 滾動條 + 邊框。

ns、ff 認為 offsetheight 是網頁內容實際高度,可以小於 clientheight。

offsetwidth

獲取物件相對於版面或由父座標 offsetparent 屬性指定的父座標的寬度。

offsetparent

獲取定義物件 offsettop 和 offsetleft 屬性的容器物件的引用。

clientheight

獲取物件的高度,不計算任何邊距、邊框、滾動條或可能應用到該物件的補白。

大家對 clientheight 都沒有什麼異議,都認為是內容可視區域的高度,也就是說頁面瀏覽器中可以看到內容的這個區域的高度,一般是最後乙個工具條以下到狀態列以上的這個區域,與頁面內容無關。

clientleft

獲取 offsetleft 屬性和客戶區域的實際左邊之間的距離。

clienttop

獲取 offsettop 屬性和客戶區域的實際頂端之間的距離。

clientwidth

獲取物件的寬度,不計算任何邊距、邊框、滾動條或可能應用到該物件的補白。

scroll屬性

scroll

設定或獲取滾動是否關閉。

scrollheight

獲取物件的滾動高度。

scrollleft

設定或獲取位於物件左邊界和視窗中目前可見內容的最左端之間的距離。

scrolltop

設定或獲取位於物件最頂端和視窗中可見內容的最頂端之間的距離。

scrollwidth

獲取物件的滾動寬度。

event屬性

x設定或獲取滑鼠指標位置相對于父文件的 x 畫素座標。

screenx

設定或獲取獲取滑鼠指標位置相對於使用者螢幕的 x 座標

offsetx

設定或獲取滑鼠指標位置相對於觸發事件的物件的 x 座標。

clientx

設定或獲取滑鼠指標位置相對於視窗客戶區域的 x 座標,其中客戶區域不包括視窗自身的控制項和滾動條

ie與firefox的相容性問題(joecom整理--未完待續)

window.event

ie:有window.event物件

ff:沒有window.event物件。可以通過給函式的引數傳遞event物件。如οnmοusemοve=domousemove(event)

滑鼠當前座標

ie:event.x和event.y。

ff:event.pagex和event.pagey。

通用:兩者都有event.clientx和event.clienty屬性。

滑鼠當前座標(加上滾動條滾過的距離)

ie:event.offsetx和event.offsety。

ff:event.layerx和event.layery。

標籤的x和y的座標位置:style.posleft 和 style.postop

ie:有。

ff:沒有。

通用:object.offsetleft 和 object.offsettop。

窗體的高度和寬度

ie:document.body.offsetwidth和document.body.offsetheight。注意:此時頁面一定要有body標籤。

ff:window.innerwidth和window.innerhegiht,以及document.documentelement.clientwidth和document.documentelement.clientheight。

通用:document.body.clientwidth和document.body.clientheight。

新增事件

ie:element.attachevent("onclick", func);。

ff:element.addeventlistener("click", func, true)。

通用:element.οnclick=func。雖然都可以使用onclick事件,但是onclick和上面兩種方法的效果是不一樣的,onclick 只有執行乙個過程,而attachevent和addeventlistener執行的是乙個過程列表,也就是多個過程。例如: element.attachevent("onclick", func1);element.attachevent("onclick", func2)這樣func1和func2都會被執行。

標籤的自定義屬性

ie:如果給標籤div1定義了乙個屬性value,可以div1.value和div1["value"]取得該值。

ff:不能用div1.value和div1["value"]取。

通用:div1.getattribute("value")。

父節點、子節點和刪除節點

ie:parentelement、parement.children,element.romovenode(true)。

ff:parentnode、parentnode.childnodes,node.parentnode.removechild(node)。

畫圖ie:vml。

ff:svg。

css:透明

ie:filter:progid:dximagetransform.microsoft.alpha(style=0,opacity=60)。

ff:opacity:0.6。

css:圓角

ie:不支援圓角。

ff: -moz-border-radius:4px,或者-moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border- radius- bottomright:4px;。

css:雙線凹凸邊框

ie:border:2px outset;。

ff: -moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;。

firefox和IE瀏覽器相容問題

1.集合類物件問題 說明 ie下,可以使用 或獲取集合類物件 firefox下,只能使用獲取集合類物件.解決方法 統一使用獲取集合類物件.2.html物件獲取問題 firefox document.getelementbyid idname ie document.idname或者document....

ie瀏覽器相容筆記

ie低版本瀏覽器預設很多標籤是自帶樣式的。ul預設室友padding left 40px li標籤的預設樣式是跟其他瀏覽器不一樣的。預設帶有左邊距16px左右,設定屬性如下即可解決list style position outside position後記得在relative屬性的元素設定浮層 z ...

ie瀏覽器相容筆記

某某 經理讓你相容ie瀏覽器 我的內心 1.html 寫法不標準。有的html 不夠嚴謹,就會造成在ie瀏覽器下各種的問題。比如標題,最好不要直接用li標籤,最好外面有個div包裹,li列表外面需要有ul標籤包裹。應該載入一段公共css 去除某些樣式的預設初始屬性。body,div,dl,dt,dd...