編寫(xiě)兼容IE和FireFox的腳本
更新時(shí)間：2009年05月18日 15:42:08 作者：
編寫(xiě)兼容IE和FireFox的腳本確定的件很煩人的事，今日又經(jīng)歷了一次。
一、正式表達(dá)式問(wèn)題
試圖用以下表達(dá)式提取中括號(hào)“]”后面的內(nèi)容，連接調(diào)用以下代碼在IE下正常，F(xiàn)ireFox則總是會(huì)用單數(shù)行的內(nèi)容替代雙數(shù)行的內(nèi)容。
(/(\])([^ -}]*)/ig).exec(srcText);
newtext = "[部門(mén)]" + RegExp.$2;
后證實(shí)問(wèn)題出在“ig”的“g”上，F(xiàn)ireFox把RegExp當(dāng)全局變量來(lái)處理，且沒(méi)有及時(shí)更新$2，這種問(wèn)題實(shí)在莫名其妙。
二、移除Select的條目
IE支持select.options.remove(index)，F(xiàn)ireFox卻是select.remove(index)，兼容的方法是select.options[i] = null;
三、showModalDialog
FireFox可以showModalDialog的了，不過(guò)如果showModalDialog出來(lái)的頁(yè)面套了個(gè)frame，frame的頁(yè)面取window.dialogArguments可以成功，F(xiàn)ireFox不行，要用window.parent.dialogArguments來(lái)取。
四、childNodes
FF沒(méi)有children，要兼容用childNodes，但I(xiàn)E和FF解釋不一致，F(xiàn)F將空白文本、換行當(dāng)成節(jié)點(diǎn)，為避免childNodes(index)取得的節(jié)點(diǎn)正確，HTML標(biāo)識(shí)間不要有空格或換行 。
五、removeChild
FF中不能和node.removeNode(true)，改為node.parentNode.removeChild(node)。
六、outerHTML
FF沒(méi)有node.outerHTML，在調(diào)用node.parentNode.innerHTML來(lái)特別處理，若只是添加事件響應(yīng)或設(shè)屬性值，可直接element.onclick = function(){callxxx(x,y);}
七、script域問(wèn)題
此問(wèn)題原因不詳，F(xiàn)F用<script type="text/javascript" src="inc/lib.js"></script>調(diào)用外部JS，在內(nèi)部script中調(diào)用lib.js中的函數(shù)時(shí)，報(bào)告函數(shù)未定義，IE則無(wú)此問(wèn)題。
試圖用以下表達(dá)式提取中括號(hào)“]”后面的內(nèi)容，連接調(diào)用以下代碼在IE下正常，F(xiàn)ireFox則總是會(huì)用單數(shù)行的內(nèi)容替代雙數(shù)行的內(nèi)容。
(/(\])([^ -}]*)/ig).exec(srcText);
newtext = "[部門(mén)]" + RegExp.$2;
后證實(shí)問(wèn)題出在“ig”的“g”上，F(xiàn)ireFox把RegExp當(dāng)全局變量來(lái)處理，且沒(méi)有及時(shí)更新$2，這種問(wèn)題實(shí)在莫名其妙。
二、移除Select的條目
IE支持select.options.remove(index)，F(xiàn)ireFox卻是select.remove(index)，兼容的方法是select.options[i] = null;
三、showModalDialog
FireFox可以showModalDialog的了，不過(guò)如果showModalDialog出來(lái)的頁(yè)面套了個(gè)frame，frame的頁(yè)面取window.dialogArguments可以成功，F(xiàn)ireFox不行，要用window.parent.dialogArguments來(lái)取。
四、childNodes
FF沒(méi)有children，要兼容用childNodes，但I(xiàn)E和FF解釋不一致，F(xiàn)F將空白文本、換行當(dāng)成節(jié)點(diǎn)，為避免childNodes(index)取得的節(jié)點(diǎn)正確，HTML標(biāo)識(shí)間不要有空格或換行 。
五、removeChild
FF中不能和node.removeNode(true)，改為node.parentNode.removeChild(node)。
六、outerHTML
FF沒(méi)有node.outerHTML，在調(diào)用node.parentNode.innerHTML來(lái)特別處理，若只是添加事件響應(yīng)或設(shè)屬性值，可直接element.onclick = function(){callxxx(x,y);}
七、script域問(wèn)題
此問(wèn)題原因不詳，F(xiàn)F用<script type="text/javascript" src="inc/lib.js"></script>調(diào)用外部JS，在內(nèi)部script中調(diào)用lib.js中的函數(shù)時(shí)，報(bào)告函數(shù)未定義，IE則無(wú)此問(wèn)題。
相關(guān)文章
本文主要介紹了百度百科目錄導(dǎo)航樹(shù)小插件,具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
Javascript動(dòng)手實(shí)現(xiàn)call,bind,apply的代碼詳解
這篇文章主要為大家詳細(xì)介紹了Javascript動(dòng)手實(shí)現(xiàn)call,bind,apply的代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-02-02
JS 刪除字符串最后一個(gè)字符的實(shí)現(xiàn)代碼
本篇文章主要是對(duì)JS刪除字符串最后一個(gè)字符的實(shí)現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
JS/CSS實(shí)現(xiàn)字符串單詞首字母大寫(xiě)功能
這篇文章主要介紹了JS/CSS實(shí)現(xiàn)字符串單詞首字母大寫(xiě)功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
微信小程序數(shù)據(jù)統(tǒng)計(jì)和錯(cuò)誤統(tǒng)計(jì)的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序數(shù)據(jù)統(tǒng)計(jì)和錯(cuò)誤統(tǒng)計(jì)的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
JavaScript循環(huán)遍歷的24個(gè)方法,你都知道嗎
這篇文章主要給大家介紹了關(guān)于JavaScript循環(huán)遍歷的24個(gè)方法,文中對(duì)每種方法都給出了詳細(xì)的實(shí)例代碼,方便大家理解學(xué)習(xí),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2021-09-09
JavaScript操作 url 中 search 部分方法函數(shù)
這篇文章主要介紹了JavaScript操作 url 中 search 部分方法函數(shù)的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
JavaScript或jQuery 獲取option value值方法解析
這篇文章主要介紹了JavaScript或jQuery 獲取option value值方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
Javacript實(shí)現(xiàn)顏色梯度變化和漸變的效果代碼
用js對(duì)導(dǎo)航欄的顏色做了梯度的變化處理,通過(guò)處理..獲取兩種顏色在變化時(shí)的各種顏色字符串，并且字符串的個(gè)數(shù)，即獲取的頻率可以調(diào)節(jié)2013-05-05
一文帶你掌握J(rèn)avaScript中Moment.js如何操作日期和時(shí)間
Moment.js是一個(gè)極其強(qiáng)大的JavaScript庫(kù),專(zhuān)門(mén)用于解析、驗(yàn)證、操作和顯示日期和時(shí)間,下面就跟隨小編一起學(xué)習(xí)一下Moment.js的具體使用吧2024-01-01