DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 探究IE和Firefox在JavaScript方面的兼容性(3)
探究IE和Firefox在JavaScript方面的兼容性(3)
編輯:CSS詳解     

11.window.location.href問題

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

12.模態和非模態窗口問題

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

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

13.frame問題

以下面的frame為例:

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

(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="xxx.html"或window.frameName.location="xxx.Html"來切換frame的內容.

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

14.body問題

Firefox的body在body標簽沒有被浏覽器完全讀入之前就存在;而IE的body則必須在body標簽被浏覽器完全讀入之後才存在.

例如:
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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved