自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

探究IE和Firefox在JavaScript方面的兼容性

作者：admin
開發(fā) 前端
本文向大家描述一下IE和Firefox在JavaScript方面的兼容性問題，這里主要從事四個(gè)方面來向大家介紹，希望本文介紹對你的學(xué)習(xí)有所幫助。

你對IE和Firefox在JavaScript方面的兼容性問題是否了解，這里和大家簡單分享一下，相信本文介紹一定會(huì)讓你有所收獲。

IE和Firefox在JavaScript方面的兼容性

1.document.formName.item("itemName")問題

說明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].
解決方法:統(tǒng)一使用document.formName.elements["elementName"].Text1:
 

  1. document.formName.item("itemName")  
  2. document.formName.elements["elementName"]  

2.集合類對象問題

說明:IE下,可以使用()或[]獲取集合類對象;Firefox下,只能使用[]獲取集合類對象.
解決方法:統(tǒng)一使用[]獲取集合類對象.
Text2: 

  1. document.forms("formName")  
  2. document.forms["formName"]  

Text3: 

  1. document.getElementsByName("inputName")(0)  
  2. document.getElementsByName("inputName")[0]  
  3.  

3.自定義屬性問題

說明:IE下,可以使用獲取常規(guī)屬性的方法來獲取自定義屬性,也可以使用getAttribute()獲取自定義屬性;Firefox下,只能使用getAttribute()獲取自定義屬性.
解決方法:統(tǒng)一通過getAttribute()獲取自定義屬性.
Text4:
直接獲取自定義屬性的值
通過getAttribute()獲取自定義屬性的值

4.eval("idName")問題

說明:IE下,,可以使用eval("idName")或getElementById("idName")來取得id為idName的HTML對象;Firefox下只能使用getElementById("idName")來取得id為idName的HTML對象.
解決方法:統(tǒng)一用getElementById("idName")來取得id為idName的HTML對象.
Text5: 

  1. eval("idName")  
  2. document.getElementById("itemId")  
  3.  

5.變量名與某HTML對象ID相同的問題

說明:IE下,HTML對象的ID可以作為document的下屬對象變量名直接使用;Firefox下則不能.Firefox下,可以使用與HTML對象ID相同的變量名;IE下則不能。
解決方法:使用document.getElementById("idName")代替document.idName.***不要取HTML對象ID相同的變量名,以減少錯(cuò)誤;在聲明變量時(shí),一律加上var,以避免歧義.#p#

6.const問題

說明:Firefox下,可以使用const關(guān)鍵字或var關(guān)鍵字來定義常量;IE下,只能使用var關(guān)鍵字來定義常量.
解決方法:統(tǒng)一使用var關(guān)鍵字來定義常量.

7.input.type屬性問題

說明:IE下input.type屬性為只讀;但是Firefox下input.type屬性為讀寫.

8.window.event問題

說明:window.event只能在IE下運(yùn)行,而不能在Firefox下運(yùn)行,這是因?yàn)镕irefox的event只能在事件發(fā)生的現(xiàn)場使用.
解決方法:
IE: 

  1. <inputnameinputname="Button8_1"type="button"value="IE" 
  2. onclick="javascript:gotoSubmit8_1()"/> 
  3. ...  
  4. <scriptlanguagescriptlanguage="javascript"> 
  5. functiongotoSubmit8_1(){  
  6. ...  
  7. alert(window.event);//usewindow.event  
  8. ...  
  9. }  
  10. script> 
  11. IE&Firefox:  
  12. <inputnameinputname="Button8_2"type="button"value="IE" 
  13. onclick="javascript:gotoSubmit8_2(event)"/> 
  14. ...  
  15. <scriptlanguagescriptlanguage="javascript"> 
  16. functiongotoSubmit8_2(evt){  
  17. ...  
  18. evtevt=evt?evt:(window.event?window.event:null);  
  19. alert(evt);//useevt  
  20. ...  
  21. }  
  22. script> 

 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下,even對象有srcElement屬性,但是沒有target屬性;Firefox下,even對象有target屬性,但是沒有srcElement屬性.
解決方法:使用obj(obj=event.srcElement?event.srcElement:event.target;)來代替IE下的event.srcElement或者Firefox下的event.target。#p#

11.window.location.href問題

說明:IE或者Firefox2.0.x下,可以使用window.location或window.location.href;Firefox1.5.x下,只能使用window.location.
解決方法:使用window.location來代替window.location.href.

12.模態(tài)和非模態(tài)窗口問題

說明:IE下,可以通過showModalDialog和showModelessDialog打開模態(tài)和非模態(tài)窗口;Firefox下則不能.
解決方法:直接使用window.open(pageURL,name,parameters)方式打開新窗口。

如果需要將子窗口中的參數(shù)傳遞回父窗口,可以在子窗口中使用window.opener來訪問父窗口.例如：varparWin=window.opener;parWin.document.getElementById("Aqing").value="Aqing";

13.frame問題

以下面的frame為例： 

  1. <framesrcframesrc="xxx.html"id="frameId"name="frameName"/> 
  2.  

(1)訪問frame對象:
IE:使用window.frameId或者window.frameName來訪問這個(gè)frame對象.
Firefox:只能使用window.frameName來訪問這個(gè)frame對象.
另外，在IE和Firefox中都可以使用window.document.getElementById("frameId")來訪問這個(gè)frame對象.

(2)切換frame內(nèi)容:
在IE和Firefox中都可以使用window.document.getElementById("testFrame").src="xxx.html"或window.frameName.location="xxx.html"來切換frame的內(nèi)容.

如果需要將frame中的參數(shù)傳回父窗口，可以在frme中使用parent來訪問父窗口。例如：parent.document.form1.filename.value="Aqing";

14.body問題

Firefox的body在body標(biāo)簽沒有被瀏覽器完全讀入之前就存在；而IE的body則必須在body標(biāo)簽被瀏覽器完全讀入之后才存在.

例如：
Firefox： 

  1. <body> 
  2. <scripttypescripttype="text/javascript"> 
  3. document.body.onclick=function(evt){  
  4. evtevt=evt||window.event;  
  5. alert(evt);  
  6. }  
  7. script> 
  8. body> 
  9. IE&Firefox：  
  10. <body> 
  11. body> 
  12. <scripttypescripttype="text/javascript"> 
  13. document.body.onclick=function(evt){  
  14. evtevt=evt||window.event;  
  15. alert(evt);  
  16. }  
  17. script> 
  18.  

 本篇文章來自IDC專家網(wǎng)原文鏈接：http://www.soidc.net/articles/1183730975605/20070807/1213992439909_1.html

【編輯推薦】

  1. 十個(gè)不被IE6支持的實(shí)用CSS屬性
  2. ***實(shí)現(xiàn)IE6 IE7 Firefox兼容的通用方法
  3. 探究IE和Firefox下的2款HTTP調(diào)試工具用法
  4. Firefox和IE瀏覽器清除緩存方法揭秘
  5. 實(shí)現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法
責(zé)任編輯：佚名 來源： soidc.net
IEFirefoxJavaScript兼容
相關(guān)推薦

2010-09-15 09:21:11

IEirefoxJavascript

2010-08-23 09:23:48

IEFirefox兼容性

2010-08-27 11:31:30

IE7beta2CSS兼容

2010-08-30 09:35:35

IE6IE7Firefox

2010-09-16 11:08:50

JSIEFirefox

2010-09-16 13:33:47

IE6IE7IE8

2010-08-18 13:54:35

IE6IE7Firefox兼容

2010-10-08 15:00:08

FirefoxJavaScript兼

2010-08-18 14:54:32

IE6IE7Firefox

2009-06-09 21:46:18

JavaScript差IEFirefox

2010-08-18 15:22:28

IE6IE7Firefox

2010-08-17 15:21:17

IEFirefoxHTML

2011-09-07 15:34:48

IE兼容性補(bǔ)丁微軟

2022-03-01 17:24:33

iOS兼容性方案

2010-08-17 15:38:49

CSS兼容IE7IE8

2009-08-10 15:56:35

802局域網(wǎng)網(wǎng)橋兼容性

2010-08-31 09:24:29

FireFoxIECSS

2009-11-19 08:55:44

Windows 7網(wǎng)絡(luò)兼容性

2021-08-12 16:37:54

MozillaFirefox用戶代理

2010-08-19 16:06:15

點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)