編寫兼容IE和FireFox的腳本

2024-05-06 14:15:25

字體：大中小

來源：轉載

供稿：網友

一、正式表達式問題
試圖用以下表達式提取中括號“]”后面的內容，連接調用以下代碼在IE下正常，FireFox則總是會用單數行的內容替代雙數行的內容。
(/(/])([^ -}]*)/ig).exec(srcText);
newtext = "[部門]" + RegExp.$2;
后證實問題出在“ig”的“g”上，FireFox把RegExp當全局變量來處理，且沒有及時更新$2，這種問題實在莫名其妙。
二、移除Select的條目
IE支持select.options.remove(index)，FireFox卻是select.remove(index)，兼容的方法是select.options[i] = null;
三、showModalDialog
FireFox可以showModalDialog的了，不過如果showModalDialog出來的頁面套了個frame，frame的頁面取window.dialogArguments可以成功，FireFox不行，要用window.parent.dialogArguments來取。
四、childNodes
FF沒有children，要兼容用childNodes，但IE和FF解釋不一致，FF將空白文本、換行當成節點，為避免childNodes(index)取得的節點正確，HTML標識間不要有空格或換行。
五、removeChild
FF中不能和node.removeNode(true)，改為node.parentNode.removeChild(node)。
六、outerHTML
FF沒有node.outerHTML，在調用node.parentNode.innerHTML來特別處理，若只是添加事件響應或設屬性值，可直接element.onclick = function(){callxxx(x,y);}
七、script域問題
此問題原因不詳，FF用<script type="text/javascript" src="inc/lib.js"></script>調用外部JS，在內部script中調用lib.js中的函數時，報告函數未定義，IE則無此問題。

上一篇：css+js下拉菜單

下一篇：childNodes.length與children.length的區別