幾個IE與Firefox的相容性問題

2021-08-30 04:00:32 字數 1887 閱讀 1102

1、firefox無法響應div的onclick事件

原因:firefox下不支援以下語法:

解決:全部按以下形式書寫:

2、無法動態建立頁面元素,即createelement無效

原因:在fireox下不只能使用標籤名做引數,不能使用<>形式,如以下語句在firefox下不起作用,但在ie下能正常工作:

var obj=document.createelement('

');

解決:全部按以下形式書寫:

var obj=document.createelement('div');

obj.id='h_sb';

3、在為動態建立的元素指定事件處理函式時,在firefox下是執行指定函式,而非設定

原因:firefox下,指定時間處理函式時不能帶引數,否則firefox只會執行函式,如:

obj.onclick=test(1);

在firefox下會執行test函式,而不是將test函式關聯到obj的click事件

解決:如果指定函式無引數則使用:

obj.onclick=test;

如果指定函式有引數則:

obj.onclick=function();

4、將動態元素新增到頁面時,insertbefore出錯

原因:在firefox下不可省略insertbefore函式的第二引數

解決:使用如下語句:

document.body.insertbefore(obj,null);

5、firefox下無event物件,無法直接獲取滑鼠座標

解決:在指定事件處理函式時使用如下語句:

obj.onclick=function(ev);

說明:以上ev引數類時ie的event物件,由系統自動填入,第二引數為使用者自定義引數

在處理函式onmidclick中:

function onmidclick(evt,objsb)else

}

6、**操作函式無效,即以下語句無法工作:

var newrow=objnt.insertrow();

var cal=newrow.insertcell();

原因:與第四一樣不可預設引數

解決:使用如下語句:

var newrow=objnt.insertrow(-1);

var cal=newrow.insertcell(-1);

7、firefox下無法直接獲取stylesheet的csstext,在ie下,可直接獲取並設定stylesheet的csstext,但在firefox下只能使用document.stylesheets[0].cssrules[0].csstext單個獲採樣式,同時使用使用:

document.stylesheets[0].cssrules[0].csstext=newcsstext;

頁面不會自動更新樣式,必須使用:

document.stylesheets[0].cssrules[0].style.csstext=newcsstext;

8、firefox下使用陣列不能使用圓括號(),只能使用中括號

IE與Firefox的CSS相容

css對瀏覽器器的相容性具有很高的價值,通常情況下ie和firefox存在很大的解析差異,這裡介紹一下相容要點。常見相容問題 1.doctype 影響 css 處理 2.ff div 設定 margin left,margin right 為 auto 時已經居中,ie 不行 3.ff body 設...

firefox與ie的相容(css,html)

一。在 css中常用特殊字元識別表 二。2.在ie瀏覽器中不能夠理解!important的優先順序,因此,可以利用!important,設定針對ie和非ie的瀏覽器的樣式,只要在feiie流浪其樣式的後面加上1important就可以了 三。相容ie與firefox的css 線性漸變 linear ...

IE與Firefox的CSS相容大全

1.doctype 影響 css 處理 2.ff div 設定 margin left,margin right 為 auto 時已經居中,ie 不行 3.ff body 設定 text align 時,div 需要設定 margin auto 主要是 margin left,margin righ...