繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 编写兼容IE和FireFox的脚本
- Javascript
- Mootools 1.2教程 排序类和方法简介
- Mootools 1.2 手风琴（Accordion）教程
- Mootools 1.2教程 类(一)
- Mootools 1.2教程 Tooltips
- Mootools 1.2教程 选项卡效果（Tabs）
- Mootools 1.2教程(21)：类（二）
- Mootools 1.2教程 同时进行多个形变动画
- Mootools 1.2教程 滑动效果（Slide）
- 不安全的常用的js写法
- javascript 检测浏览器类型和版本的代码
- javascript 弹出层居中效果的制作
- javascript 遮照层效果
- Javascript createElement和innerHTML增加页面元素的性能对比
- 颜色快速采集器javascript代码
- var与Javascript变量隐式声明
- javascript 面向对象编程 万物皆对象
- jQuery 事件队列调整方法
- JavaScript switch case 的用法实例[范围]
- 控制input的CSS但不影响CheckBox以及Radio的样式
- ext 同步和异步示例代码
Javascript 中的 编写兼容IE和FireFox的脚本
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 440 ::
收藏到网摘: n/a
编写兼容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则无此问题。
评论 (0) All
