编写兼容IE和FireFox的脚本
更新时间：2009年05月18日 15:42:08 作者：
编写兼容IE和FireFox的脚本确定的件很烦人的事，今日又经历了一次。
一、正式表达式问题
试图用以下表达式提取中括号“]”后面的内容，连接调用以下代码在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则无此问题。
试图用以下表达式提取中括号“]”后面的内容，连接调用以下代码在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则无此问题。
相关文章
本文主要介绍了百度百科目录导航树小插件,具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
Javascript动手实现call,bind,apply的代码详解
这篇文章主要为大家详细介绍了Javascript动手实现call,bind,apply的代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
本篇文章主要是对JS删除字符串最后一个字符的实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了JS/CSS实现字符串单词首字母大写功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了微信小程序数据统计和错误统计的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-06-06
这篇文章主要给大家介绍了关于JavaScript循环遍历的24个方法,文中对每种方法都给出了详细的实例代码,方便大家理解学习,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2021-09-09
JavaScript操作 url 中 search 部分方法函数
这篇文章主要介绍了JavaScript操作 url 中 search 部分方法函数的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
JavaScript或jQuery 获取option value值方法解析
这篇文章主要介绍了JavaScript或jQuery 获取option value值方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
用js对导航栏的颜色做了梯度的变化处理,通过处理..获取两种颜色在变化时的各种颜色字符串，并且字符串的个数，即获取的频率可以调节2013-05-05
一文带你掌握JavaScript中Moment.js如何操作日期和时间
Moment.js是一个极其强大的JavaScript库,专门用于解析、验证、操作和显示日期和时间,下面就跟随小编一起学习一下Moment.js的具体使用吧2024-01-01
最新评论