1.document.formName.item("itemName") 问题
说明：IE下,可以使用document.formName.item("itemName")或
document.formName.elements["elementName"];Firefox下,只能使用
document.formName.elements["elementName"].
解决方法：统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明：IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象.
解决方法：统一使用[]获取集合类对象.
例如：document.getElementsByName("inputName")[0]、document.forms["formName"]
3.自定义属性问题
说明：IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获取自定义属性.
解决方法：统一通过getAttribute()获取自定义属性.
4.eval("idName")问题
说明：IE下,可以使用eval("idName")或getElementById("idName")来取得id为idName的HTML对象;Firefox下只能使用getElementById("idName")来取得id为idName的HTML对象.
解决方法：统一用getElementById("idName")来取得id为idName的HTML对象.
例如：document.getElementById("itemId")
5.变量名与某HTML对象ID相同的问题
说明:IE下,HTML对象的ID可以作为document的下属对象变量名直接使用;Firefox下则不能.Firefox下,可以使用与HTML对象ID相同的变量名;IE下则不能。
解决方法:使用document.getElementById("idName")代替document.idName.最好不要取HTML对象ID相同的变量名,以减少错误;在声明变量时,一律加上var,以避免歧义.
6.const问题
说明:Firefox下,可以使用const关键字或var关键字来定义常量;IE下,只能使用var关键字来定义常量.
解决方法:统一使用var关键字来定义常量.
7.input.type属性问题
说明:IE下input.type属性为只读;但是Firefox下input.type属性为读写.
8.window.event问题
说明:window.event只能在IE下运行,而不能在Firefox下运行,这是因为Firefox的event只能在事件发生的现场使用.
解决方法: 在触发事件的函数上使用(aEvent)参数，例如下面的
objNode.(aEvent){
var myEvent = window.event ? window.event.srcElement : aEvent.target;
//执行其他动作
}
9.event.x与event.y问题
说明:IE下,even对象有x,y属性,但是没有pageX,pageY属性;Firefox下,even对象有pageX,pageY属性,但是没有x,y属性.
解决方法:使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.
10.event.srcElement问题
说明:IE下,even对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有srcElement属性.
解决方法:使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.
11.window.location.href问题
说明:IE或者Firefox2.0.x下,可以使用window.location或window.location.href;Firefox1.5.x下,只能使用window.location.
解决方法:使用window.location来代替window.location.href.
12.模态和非模态窗口问题
说明:IE下,可以通过showModalDialog和showModelessDialog打开模态和非模态窗口;Firefox下则不能.
解决方法:直接使用window.open(pageURL,name,parameters)方式打开新窗口。
如果需要将子窗口中的参数传递回父窗口,可以在子窗口中使用window.opener来访问父窗口. 例如：var parWin =
window.opener; parWin.document.getElementById("itemID").value = "some
value";
13.frame问题
以下面的frame为例：<frame src="xxx.html" id="frameId" name="frameName" />
(1)访问frame对象:
IE:使用window.frameId或者window.frameName来访问这个frame对象.
Firefox:只能使用window.frameName来访问这个frame对象.
另外，在IE和Firefox中都可以使用window.document.getElementById("frameId")来访问这个frame对象.
(2)切换frame内容:
在IE和Firefox中都可以使用window.document.getElementById("testFrame").src =
"xxx.html"或window.frameName.location = "xxx.html"来切换frame的内容.
如果需要将frame中的参数传回父窗口，可以在frme中使用parent来访问父窗口。例如：parent.document.form1.filename.value="some value";
14.body问题
Firefox的body在body标签没有被浏览器完全读入之前就存在；而IE的body则必须在body标签被浏览器完全读入之后才存在.
例如：
Firefox：
程序代码
<body>
<script type="text/javascript">
document.body.onclick = function(evt){
evt = evt || window.event;
alert(evt);
}
</script>
</body>
IE&Firefox：
程序代码
<body>
</body>
<script type="text/javascript">
document.body.onclick = function(evt){
evt = evt || window.event;
alert(evt);
}
</script>
15. nodeName 和 tagName 问题
问题：在MF,IE中，所有节点均有 nodeName 值，但 textNode 没有 tagName 值。
解决方法：使用 tagName，但应检测其是否为undefined。
16. url encoding
问题：js中如果书写url就直接写&不要写&例如var url = 'xx.jsp?objectName=xx&objectEvent=xxx';
frm.action = url那么很有可能url不会被正常显示以至于参数没有正确的传到服务器，一般会服务器报错参数没有找到；当然如果是在tpl中例外，因为tpl中符合xml规范，要求&书写为&
一般MF无法识别js中的&
17.children 与 childNodes，removeNode
问题一：在MF中没有 parentElement parement.children 而用 parentNode parentNode.childNodes
问题二：childNodes的下标的含义在IE和MF中不同，MF使用DOM规范，childNodes中会插入空白文本节点。
问题三：一般可以通过node.getElementsByTagName()来回避这个问题。当html中节点缺失时，IE和MF对parentNode的解释不同，例如
<form>
<table>
<input/>
</table>
</form>
MF中input.parentNode的值为form, 而IE中input.parentNode的值为空节点
问题四：MF中节点没有removeNode方法，必须使用如下方法 node.parentNode.removeChild(node)
分享到：
相关推荐
总结javascript在IE和Firefox中兼容性问题
JavaScript在IE和Firefox(火狐)的不兼容问题解决
Javascript的IE和Firefox(火狐)兼容性解决方案
Javascript在IE和FireFox中的兼容处理
Javascript的IE和Firefox兼容性问题集合
javascript的IE和Firefox兼容性汇编 1. document.form.item 问题 (1)现有问题： 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行 (2)解决方法： 改用 document.formName....
解决现有IE和firefox不兼容的问题，内有多种解决方法，请大家好好学习
Javascript的IE和Firefox兼容性
Javascript的IE和Firefox兼容性汇编 .txt 做网页写脚本必看
总结了一些常用属性在ie和firefox下的兼容问题，并附有相应的解决方法。
详细阐述了IE和Firefox中兼容JavaScript的区别，是一份值得学习值得一观文档资料。
javascript和css在IE和Firefox中的不同点及解决兼容性的方案，一共有二十五点
Firefox与IE浏览器的javascript兼容性问题Firefox与IE浏览器的javascript兼容性问题Firefox与IE浏览器的javascript兼容性问题Firefox与IE浏览器的javascript兼容性问题Firefox与IE浏览器的javascript兼容性问题Fire...
本文总结分析了Javascript在IE和Firefox浏览器常见兼容性问题。分享给大家供大家参考，具体如下： 表单 document.formName.item("itemName") IE：可以使用document.formName.item(“itemName”)或document.formName...
IE和Firefox的Javascript兼容性总结
IE和Firefox在css,JavaScript方面的兼容性
AOM中IE、Firefox兼容Enter代替Tab的Javascript
IE和FIREFOX的JAVASCRIPT兼容性总结.pdf
Javascript中如何处理浏览器兼容问题