（转载）JavaScript在IE浏览器和Firefox浏览器中的差别总结

本文转载自：http://www.bairuiw.com/front-end-skill/3903.html

JavaScript在IE浏览器和Firefox浏览器中存在一些差别，如下对这些差别部分进行了总结，以及解决方案： 

1.HTML对象的 id 做为对象名的问题 

IE：HTML 对象的 ID 能够做为 document 的下属对象变量名直接使用 

Firefox：不支持

解决方法：使用document.getElementById替代document.all

2.若是控件只有name,没有id, 用getElementById时

IE：能够找到对象 

Firefox：返回NULL

解决方法：全部控件必须设置ID属性

3.Eval

IE：支持，利用 eval(idName) 能够取得 id 为 idName 的 HTML 对象

Firefox：不支持

解决方法：统一使用getElementById(idName) 代替 eval(idName)

4.Event

IE：用全局对象window.event

Firefox：event只能在事件发生的现场使用，在调用函数时传入event对象

解决方法：使用以前作一下浏览器类型判断，各用各的

5.对象名称中美圆符号‘$’ 改成使用下划线‘_’ 

6.集合类对象问题

IE：可使用()或[]获取集合类对象

Firefox：只能使用[]获取集合类对象

现有代码中存在许多，不能在 Firefox 下运行 

解决方法:统一使用[]获取集合类对象。document.form.item(“itemName”) 这样的语句改成document.form.elements["elementName"]

7.变量名与某 HTML 对象 id 相同的问题

IE：不能使用与 HTML 对象 id 相同的变量名

Firefox：可使用 

解决方法：在声明变量时，一概加上 var ，以免歧义，这样在 IE 中亦可正常运行。此外，最好不要取与 HTML 对象 id 相同的变量名，以减小错误

8.Event定位问题

IE：支持event.x 和event.y

Firefox：支持event.pageX和event.pageY

解决方法，统一使用event.clientX和event.clientY，可是在Firefox中event.clientX 与 event.pageX 有微妙的差异（当整个页面有滚动条的时候），不过大多数时候是等效的。若是要彻底同样，能够判断浏览器类型后对应使用

9.父结点的问题

IE：parentElement parentElement.children

Firefox：parentNode parentNode.childNodes 

childNodes的下标的含义在IE和Firefox中不一样，Firefox使用DOM规范，childNodes中会插入空白文本节点。通常能够经过node.getElementsByTagName()来回避这个问题。

当html中节点缺失时，IE和Firefox对parentNode的解释不一样。例如: 

1 2 3 4 5

< form >      < table >          < input />      </ table > </ form >

IE：input.parentNode的值为空节点

Firefox：input.parentNode的值为form 

解决方法：Firefox中节点没有removeNode方法，必须使用以下方法 node.parentNode.removeChild(node) 

10.const 问题

IE：不支持 const 关键字。如 const constVar = 32; 在IE中这是语法错误

Firefox：支持

解决方法：不使用 const ，以 var 代替

11.body 对象

IE：在body标签彻底被读入以后才存在

Firefox：在body标签没有被浏览器彻底读入以前就存在

12.自定义属性问题

IE：可使用获取常规属性的方法来获取自定义属性,也可使用getAttribute()获取自定义属性 

Firefox：只能使用getAttribute()获取自定义属性

解决方法：统一经过getAttribute()获取自定义属性

13.event.srcElement问题

IE：even.srcElement

Firefox：even.target

解决方法:使用时判断浏览器类型，各用各的

14.模态和非模态窗口

IE：支持模态和非模态窗口

Firefox：不支持

解决方法：直接使用window.open(pageURL,name,parameters)方式打开新窗口。若是须要将子窗口中的参数传递回父窗口,能够在子窗口中使用window.opener来访问父窗口

15.innerText

IE：innerText

Firefox：textContent

16.相似 obj.style.height = imgObj.height 的语句

IE：有效

Firefox：无效

解决方法：统一使用obj.style.height = imgObj.height + ‘px’;