Javascript多種瀏覽器兼容寫法分析第2/3頁
更新時(shí)間:2008年09月02日 00:44:44 作者:
隨著以Firefox為代表的第三方瀏覽器的興起,我們做的網(wǎng)站也不能再JUST IE了,如果把原來的一些javascript代碼放到IE以外的瀏覽器的話,往往都不能正常運(yùn)行或出錯(cuò),所以這里介紹一下怎么改進(jìn)我們的JS,讓它能更加規(guī)范,更加具有兼容性。
1. document.form.item 問題
(1)現(xiàn)有問題:
現(xiàn)有代碼中存在許多 document.formName.item("itemName") 這樣的語句,不能在 MF 下運(yùn)行
(2)解決方法:
改用 document.formName.elements["elementName"]
(3)其它
參見 2
2. 集合類對(duì)象問題
(1)現(xiàn)有問題:
現(xiàn)有代碼中許多集合類對(duì)象取用時(shí)使用 (),IE 能接受,MF 不能。
(2)解決方法:
改用 [] 作為下標(biāo)運(yùn)算。如:document.forms("formName") 改為 document.forms["formName"]。
又如:document.getElementsByName("inputName")(1) 改為 document.getElementsByName("inputName")[1]
(3)其它
3. window.event
(1)現(xiàn)有問題:
使用 window.event 無法在 MF 上運(yùn)行
(2)解決方法:
MF 的 event 只能在事件發(fā)生的現(xiàn)場(chǎng)使用,此問題暫無法解決??梢赃@樣變通:
原代碼(可在IE中運(yùn)行):
<input type="button" name="someButton" value="提交" onclick="javascript:gotoSubmit()"/>
...
<script language="javascript">
function gotoSubmit() {
...
alert(window.event); // use window.event
...
}
</script>
新代碼(可在IE和MF中運(yùn)行):
<input type="button" name="someButton" value="提交" onclick="javascript:gotoSubmit(event)"/>
...
<script language="javascript">
function gotoSubmit(evt) {
evt = evt ? evt : (window.event ? window.event : null);
...
alert(evt); // use evt
...
}
</script>
此外,如果新代碼中第一行不改,與老代碼一樣的話(即 gotoSubmit 調(diào)用沒有給參數(shù)),則仍然只能在IE中運(yùn)行,但不會(huì)出錯(cuò)。所以,這種方案 tpl 部分仍與老代碼兼容。
4. HTML 對(duì)象的 id 作為對(duì)象名的問題
(1)現(xiàn)有問題
在 IE 中,HTML 對(duì)象的 ID 可以作為 document 的下屬對(duì)象變量名直接使用。在 MF 中不能。
(2)解決方法
用 getElementById("idName") 代替 idName 作為對(duì)象變量使用。
5. 用idName字符串取得對(duì)象的問題
(1)現(xiàn)有問題
在IE中,利用 eval(idName) 可以取得 id 為 idName 的 HTML 對(duì)象,在MF 中不能。
(2)解決方法
用 getElementById(idName) 代替 eval(idName)。
6. 變量名與某 HTML 對(duì)象 id 相同的問題
(1)現(xiàn)有問題
在 MF 中,因?yàn)閷?duì)象 id 不作為 HTML 對(duì)象的名稱,所以可以使用與 HTML 對(duì)象 id 相同的變量名,IE 中不能。
(2)解決方法
在聲明變量時(shí),一律加上 var ,以避免歧義,這樣在 IE 中亦可正常運(yùn)行。
此外,最好不要取與 HTML 對(duì)象 id 相同的變量名,以減少錯(cuò)誤。
(3)其它
參見 問題4
您可能感興趣的文章:
相關(guān)文章
bootstrap時(shí)間控件daterangepicker使用方法及各種小bug修復(fù)
這篇文章主要介紹了bootstrap時(shí)間控件daterangepicker使用方法,及各種小bug修復(fù),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10
.net MVC+Bootstrap下使用localResizeIMG上傳圖片
這篇文章主要為大家詳細(xì)介紹了.net MVC和Bootstrap下使用 localResizeIMG上傳圖片,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04
JavaScript探測(cè)CSS動(dòng)畫是否已經(jīng)完成的方法
這篇文章主要為大家詳細(xì)介紹了JavaScript探測(cè)CSS動(dòng)畫是否已經(jīng)完成的方法,感興趣的小伙伴們可以參考一下2016-08-08
使用?JavaScript?Promise?讀取?Github?用戶數(shù)據(jù)
這篇文章主要介紹了使用JavaScript?Promise讀取Github用戶數(shù)據(jù),文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-08-08
js實(shí)現(xiàn)可以點(diǎn)擊收縮或張開的懸浮窗
這篇文章主要介紹了js實(shí)現(xiàn)可以點(diǎn)擊收縮或張開的懸浮窗效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09
JS 實(shí)現(xiàn)Table相同行的單元格自動(dòng)合并示例代碼
Table相同行的單元格自動(dòng)合并,使用js來實(shí)現(xiàn)此效果,具體代碼下,感興趣的朋友可以參考下2013-08-08

