IE和Firefox的Javascript兼容性总结

核心提示： 4. 对象宽高赋值问题【分析说明】FireFox中类似 obj.style.height = imgObj.height 的语句无效，【兼容处理】统一使用 obj.style.height = imgObj.height + ‘px’;三、DOM方法及对象引用1. get

4. 对象宽高赋值问题

【分析说明】FireFox中类似 obj.style.height = imgObj.height 的语句无效。

【兼容处理】统一使用 obj.style.height = imgObj.height + ‘px’;

三、DOM方法及对象引用

1. getElementById

【分析说明】先来看一组代码：

<!--　input对象访问1　-->
<input　id="id"　type="button"
value="click　me"　ōnclick="alert(id.value)"/>

在Firefox中，按钮没反应，在IE中，就可以，因为对于IE来说，一个HTML 元素的 ID 可以直接在脚本中当作变量名来使用，而Firefox中不可以。

【兼容处理】尽量采用W3C DOM 的写法，访问对象的时候，用document.getElementById("id") 以ID来访问对象，且一个ID在页面中必须是唯一的，同样在以标签名来访问对象的时候，用document.getElementsByTagName("div") [0] 。该方式得到较多浏览器的支持。

<!--　input对象访问2　-->
<input　id="id"　type="button"　value="click　me"
　　　/>

2. 集合类对象访问

【分析说明】IE下，可以使用()或[]获取集合类对象；Firefox下，只能使用[]获取集合类对象。如：

document.write(document.forms("formName").src);
//该写法在IE下能访问到Form对象的scrc属性

【兼容处理】将document.forms("formName")改为 document.forms["formName"]。统一使用[]获取集合类对象。

3. frame的引用

【分析说明】IE可以通过id或者name访问这个frame对应的window对象，而Firefox只可以通过name来访问这个frame对应的window对象。