資源描述:
《ie和火狐網(wǎng)頁制作不兼容問題》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。
1、解決css和js針對不同瀏覽器兼容的問題Firefox瀏覽器良好支持W3C標(biāo)準(zhǔn),是目前對CSS支持最好的瀏覽器,而ie是出現(xiàn)的比較早,在w3c支持方面做的一直不是很好,所以兩種瀏覽器在很多方面不盡相同。下面總結(jié)一下這兩種瀏覽器的兼容問題:1.集合類對象問題說明:IE下,可以使用()或[]獲取集合類對象;Firefox下,只能使用[]獲取集合類對象.?解決方法:統(tǒng)一使用[]獲取集合類對象.2.HTML對象獲取問題FireFox:document.getElementById("idName");ie:document.idname或者document
2、.getElementById("idName").解決辦法:統(tǒng)一使用document.getElementById("idName");3.const問題說明:Firefox下,可以使用const關(guān)鍵字或var關(guān)鍵字來定義常量;IE下,只能使用var關(guān)鍵字來定義常量.?解決方法:統(tǒng)一使用var關(guān)鍵字來定義常量.4.window.event問題說明:window.event只能在IE下運(yùn)行,而不能在Firefox下運(yùn)行,這是因為Firefox的event只能在事件發(fā)生的現(xiàn)場使用.??Firefox必須從源處加入event作參數(shù)傳遞。Ie忽略該參數(shù),
3、用window.event來讀取該event。解決方法:??以下為引用的內(nèi)容:IE&Firefox:?Submitted(event)"/>??…5.event.x與event.y問題說明:IE下,even對象有x,y屬性,但是沒有pageX,pageY屬性;Firefox下,even對象有pageX,pageY屬性,但
4、是沒有x,y屬性.?解決方法:使用mX(mX??=??event.x?????event.x??:??event.pageX;)來代替IE下的event.x或者Firefox下的event.pageX.?6.event.srcElement問題說明:IE下,event對象有srcElement屬性,但是沒有target屬性;Firefox下,even對象有target屬性,但是沒有srcElement屬性.?解決方法:使用obj(obj??=??event.srcElement?????event.srcElement??:??event.targ
5、et;)來代替IE下的event.srcElement或者Firefox下的event.target.????請同時注意event的兼容性問題。?7.window.location.href問題說明:IE或者Firefox2.0.x下,可以使用window.location或window.location.href;Firefox1.5.x下,只能使用window.location.?解決方法:使用window.location來代替window.location.href.??8.模態(tài)和非模態(tài)窗口問題說明:IE下,可以通過showModalDia
6、log和showModelessDialog打開模態(tài)和非模態(tài)窗口;Firefox下則不能.?解決方法:直接使用window.open(pageURL,name,parameters)方式打開新窗口。如果需要將子窗口中的參數(shù)傳遞回父窗口,可以在子窗口中使用window.opener來訪問父窗口.?例如:var??parWin??=??window.opener;??parWin.document.getElementById("Aqing").value??=??"Aqing";??9.frame問題以下面的frame為例:
7、xxx.html"??id="frameId"??name="frameName"??/>(1)訪問frame對象:IE:使用window.frameId或者window.frameName來訪問這個frame對象.??frameId和frameName可以同名。Firefox:只能使用window.frameName來訪問這個frame對象.另外,在IE和Firefox中都可以使用window.document.getElementById("frameId")來訪問這個frame對象.(2)切換frame內(nèi)容:在IE和Firefox中都可以使用
8、window.document.getElementById("testFrame").src??=??"xxx.html