ie與火狐ff的區別

2021-06-22 02:14:44 字數 3855 閱讀 4341

1.document.formname.item("itemname") 問題

說明:ie下,

可以使用

document.formname.item("itemname")

或 document.formname.elements["elementname"];firefox下,

只能使用 

document.formname.elements["elementname"].

解決方法:

統一使用

document.formname.elements["elementname"].

2.集合類物件問題

說明:ie下,

可以使用()或

獲取集合類物件

;firefox下,

只能使用

獲取集合類物件.

解決方法:

統一使用

獲取集合類物件.

3.自定義屬性問題

說明:ie下,

可以使用獲取常規屬性的方法來獲取自定義屬性

,也可以使用

getattribute()

獲取自定義屬性

;firefox下,

只能使用

getattribute()

獲取自定義屬性.

解決方法:

統一通過

getattribute()

獲取自定義屬性.

4.eval("idname")問題

說明:ie下,,

可以使用

eval("idname")

或getelementbyid("idname")

來取得id

為idname

的html

物件;firefox

下只能使用

getelementbyid("idname")

來取得id

為idname

的html物件.

解決方法:

統一用getelementbyid("idname")

來取得id

為idname

的html物件.

5.變數名與某

html

物件id

相同的問題

說明:ie

下,html

物件的id

可以作為

document

的下屬物件變數名直接使用

;firefox

下則不能

.firefox下,

可以使用與

html

物件id

相同的變數名

;ie下則不能。

解決方法:

使用document.getelementbyid("idname")

代替document.idname.

最好不要取

html

物件id

相同的變數名

,以減少錯誤

;在宣告變數時

,一律加上

var,

以避免歧義.

7.input.type屬性問題

說明:ie

下input.type

屬性為唯讀;但是

firefox

下input.type

屬性為讀寫.

9.event.x與

event.y問題

說明:ie

下,even

物件有x,y屬性,

但是沒有

pagex,pagey

屬性;firefox

下,even

物件有pagex,pagey屬性,

但是沒有

x,y屬性.

解決方法:

使用mx(mx = event.x ? event.x : event.pagex;)

來代替ie

下的event.x

或者firefox

下的event.pagex.

10.event.srcelement問題

說明:ie

下,event

物件有srcelement屬性,

但是沒有

target

屬性;firefox

下,event

物件有target屬性,

但是沒有

srcelement屬性.

解決方法:

使用obj(obj = event.srcelement ? event.srcelement : event.target;)

來代替ie

下的event.srcelement

或者firefox

下的event.target.

13.frame問題

以下面的frame

為例:

(1)訪問

frame物件:

ie:使用

window.frameid

或者window.framename

來訪問這個

frame物件.

firefox:只能使用

window.framename

來訪問這個

frame物件.

另外,在ie

和firefox

中都可以使用

window.document.getelementbyid("frameid")

來訪問這個

frame物件.

(2)切換

frame內容:

在ie和firefox

中都可以使用

window.document.getelementbyid("testframe").src = "***.html"

或window.framename.location = "***.html"

來切換frame

的內容.

如果需要將frame

中的引數傳回父視窗,可以在

frme

中使用parent

來訪問父視窗。例如:

parent.document.form1.filename.value="aqing";

14.body問題

firefox的

body

在body

標籤沒有被瀏覽器完全讀入之前就存在;而ie的

body

則必須在

body

標籤被瀏覽器完全讀入之後才存在.

例如:firefox:

ie&firefox:

15. 事件委託方法

ie:document.body.onload = inject; //function inject()

在這之前已被實現

firefox:

document.body.onload = inject();

有人說標準是:

document.body.οnlοad=new function('inject()');

16. firefox與

ie(parentelement)

的父元素的區別

ie:obj.parentelement

firefox:

obj.parentnode

解決方法: 

因為firefox與ie

都支援dom,

因此使用

obj.parentnode

是不錯選擇.

17.innertext在

ie中能正常工作,但是

innertext

在firefox

中卻不行.

解決方法:

document.getelementbyid('element').innertext = "my text";

} else

IE與FF的CSS區別

ie和ff對盒模型的解釋區別 ie和ff對盒模型的解釋也不一樣,說明 test test 顯示的寬頻是 650px ie box的總寬度是 width padding border margin寬度總和 ff box的總寬度就是 width的寬度,padding border margin的寬度在含...

相容ie和火狐ff的透明度設定

在網上找的相容ie和火狐ff的透明度設定。來自 深山行者個人 利用 qwbm alpha透明度設定,以下是用到的引數說明深山行者 opacity 可選項。整數值 integer 設定或檢索透明漸變的開始透明度。取值範圍為 0 100 預設值為 0 即完全透明。100 為完全不透明。opacity 可...

相容ie和火狐ff的透明度設定

在網上找的相容ie和火狐ff的透明度設定。來自 深山行者個人 利用 qwbm alpha透明度設定,以下是用到的引數說明深山行者 opacity 可選項。整數值 integer 設定或檢索透明漸變的開始透明度。取值範圍為 0 100 預設值為 0 即完全透明。100 為完全不透明。opacity 可...