当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 编写兼容IE和FireFox的脚本

Javascript
js类后台管理菜单类-MenuSwitch
符合标准的js表单提交的代码
js实现的层变换效果
一个js随机颜色脚本(用于标签页面,也可用于任何页面)
轻松实现HTML和JS之间的转化的代码
完整显示当前日期和时间的JS代码
写了个XML+Tree无穷树js版
指定js可访问其它域名的cookie的方法
惰性函数定义模式 使用方法
从阿里妈妈发现的几个不错的表单验证函数
js定义对象简单学习例子
js的with语句使用方法
js有效数字 显示指定位数
js 生成密匙流 脚本代码
js使用对象直接量创建对象的代码
百度前台js笔试题与答案
用JS输入email的代码,以防垃圾邮件
一种让页面完全把过来显示的脚本代码
让getElementsByName适应IE和firefox的方法
奇妙的js

Javascript 中的 编写兼容IE和FireFox的脚本


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 300 ::
收藏到网摘: 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则无此问题。