IE和Firefox的Javascript兼容性总结

核心提示： 【分析说明】Firefox不支持innerText，它支持textContent来实现innerText，IE和Firefox的Javascript兼容性总结(7)，不过textContent没有像 innerText一样考虑元素的display方式，所以不完全与IE兼容，可以理解，Firefo

【分析说明】Firefox不支持innerText，它支持textContent来实现innerText，不过textContent没有像 innerText一样考虑元素的display方式，所以不完全与IE兼容。如果不用textContent，字符串里面不包含HTML代码也可以用 innerHTML代替。也可以用js写个方法实现，可参考《为firefox实现innerText属性》一文。

【兼容处理】通过判断浏览器类型来兼容：

if(document.all){
document.getElementById('element').innerText　=　"my　text";
}　else{
document.getElementById('element').textContent　=　"my　text";
}

四、事件处理

如果在使用javascript的时候涉及到event处理，就需要知道event在不同的浏览器中的差异，主要的JavaScript的事件模型有三种（参考《Supporting Three Event Models at Once》），它们分别是NN4、IE4+和W3C/Safar。

1. window.event

【分析说明】先看一段代码

function　et()
{
alert(event);//IE:　[object]
}

以上代码在IE运行的结果是[object]，而在Firefox无法运行。

因为在IE中event作为window对象的一个属性可以直接使用，但是在Firefox中却使用了W3C的模型，它是通过传参的方法来传播事件的，也就是说你需要为你的函数提供一个事件响应的接口。

【兼容处理】添加对event判断，根据浏览器的不同来得到正确的event：

function　et()
{
evt=evt?evt:(window.event?window.event:null);　
　　　//兼容IE和Firefox
alert(evt);
}

2. 键盘值的取得

【分析说明】IE和Firefox获取键盘值的方法不同，可以理解，Firefox下的event.which与IE下的event.keyCode相当。关于彼此不同，可参考《键盘事件中keyCode、which和charCode 的兼容性测试》