IE和Firefox的Javascript兼容性总结

核心提示： 3. input.type属性问题IE下 input.type属性为只读，但是Firefox下可以修改4. 对select元素的option操作设置options，IE和Firefox的Javascript兼容性总结(10)，IE和Firefox写法不同：Firefox:可直接设置option.

3. input.type属性问题

IE下 input.type属性为只读，但是Firefox下可以修改

4. 对select元素的option操作

设置options，IE和Firefox写法不同：

Firefox:可直接设置

option.text　=　'foooooooo';

IE:只能设置

option.innerHTML　=　'fooooooo';

删除一个select的option的方法：

Firefox:可以

select.options.remove(selectedIndex);

IE7:可以用

select.options[i]　=　null;

IE6:需要写

select.options[i].outerHTML　=　null;

5. img对象alt和title的解析

【分析说明】img对象有alt和title两个属性，区别在于，alt：当照片不存在或者load错误时的提示。

title：照片的tip说明, 在IE中如果没有定义title，alt也可以作为img的tip使用，但是在Firefox中，两者完全按照标准中的定义使用

在定义img对象时。

【兼容处理】最好将alt和title对象都写全，保证在各种浏览器中都能正常使用 。

6. img的src刷新问题

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

<img　id="pic"　onclick=　"this.src=　'http://tech.ddvip.com/2010-01/a.jpg'"
　　src="http://tech.ddvip.com/2010-01/ahttp://tech.ddvip.com/2010-01/a.jpg"　style="cursor:　pointer"/>

在IE 下，这段代码可以用来刷新图片，但在FireFox下不行。主要是缓存问题。

【兼容处理】在地址后面加个随机数就解决了:

<img　id="pic"　onclick=　"javascript:this.src=this.src+'?'
　　　　　+Math.random()"src="http://tech.ddvip.com/2010-01/a.jpg"　style="cursor:　pointer"/>

总结

IE和Firefox的Javascript方面存在着不少的差异，要做到兼容，我觉得很有必要把一些常见的整理成一个js库，如DOM的操作，事件的处理，XMLHttpRequest请求等，或者也可以选择使用现有的一些库(如jQuery，YUI，ExtJs等)，不过我觉得还是有必要了解一下这些差异，这样对于我们参加兼容性和可用性代码很有帮助。

办法总比问题多，无论浏览器兼容如何折腾人，做前端开发的总能迎刃而解的！

原文地址：http://www.cnblogs.com/wiky/archive/2010/01/09/IE-and-Firefox-Javascript-compatibility.html