IE與Firefox的相容性問題

2021-09-01 17:30:11 字數 1519 閱讀 5688

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下使用陣列不能使用圓括號(),只能使用中括號

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的相容性問題

window.event ie 有window.event物件 ff 沒有window.event物件。可以通過給函式的引數傳遞event物件。如 nm usem ve domousemove event if evt null else obj evt.target 滑鼠當前座標 ie event...