编写兼容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则无此问题。
相关文章
这篇文章主要介绍了JavaScript 实现一个响应式系统的解决方案,本次示例使用Proxy实现数据监控,结合实例代码给大家介绍的非常详细,需要的朋友可以参考下2024-04-04
预防内存泄漏2008-03-03
理解JavaScript中的Proxy 与 Reflection API
这篇文章主要介绍了JavaScript中的Proxy 与 Reflection API的相关资料，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下2020-09-09
FF IE兼容性的修改小结，大家以后在javascript的编写过程中需要注意下。2009-09-09
这篇文章主要是对js中arguments的用法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了微信小程序 开发过程中遇到问题总结的相关资料,需要的朋友可以参考下2017-04-04
下面小编就为大家带来一篇js控制div层的叠加简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了JavaScript动态创建二维数组的方法,结合实例形式分析了javascript动态创建二维数组的相关操作技巧与注意事项,需要的朋友可以参考下2019-02-02
大家都知道jquery在我们日常开发中的使用频率非常高，但jquery说到底还是对js的封装，我们不能光会使用，只有知道了其中的远离才能更好的使用，所以这篇文章主要介绍的是原生js仿jquery实现对Ajax封装的方法。2016-10-10
今天小编就为大家分享一篇layui layer select 选择被遮挡的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论