IE與FireFox的相容性問題

2021-08-22 14:17:11 字數 2242 閱讀 4775

window.event

ie:有window.event物件

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

if(evt==null)

else _obj=evt.target;

滑鼠當前座標

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;。

13。動態新增css

ievar css=document.createstylesheet();

css.addrule("html*","");

ffif(!document.createstylesheet)

");}

IE7相容性問

1.背景顏色 background rgba 255,255,255,1 background ffffff important 這樣的hack沒有起作用,為啥呢。2.li高度的bug 導致了ie6 7與其他瀏覽器不相容,ie的高度得是 offset的高度,原來這是ie的乙個bug,貌似只有li才有...

JS的IE和Firefox相容性彙編

引 以下以 ie 代替 internet explorer,以 mf 代替 mozzila firefox 以下以 ie 代替 internet explorer,以 mf 代替 mozzila firefox 1.document.form.item 問題 1 現有問題 現有 中存在許多 docu...

IE與Firefox的相容性問題

1 firefox無法響應div的onclick事件 原因 firefox下不支援以下語法 解決 全部按以下形式書寫 2 無法動態建立頁面元素,即createelement無效 原因 在fireox下不只能使用標籤名做引數,不能使用 形式,如以下語句在firefox下不起作用,但在ie下能正常工作 ...