IE和Firefox的Javascript兼容性总结

核心提示： 需要特别注意，Firefox下，IE和Firefox的Javascript兼容性总结(9)，事件处理函数中的this指向被监听元素本身，而在IE下则不然,可使用回调函数call， 【解决办法】直接使用window.open(pageURL,name,parameters)方式打开新窗口， 如果需

需要特别注意，Firefox下，事件处理函数中的this指向被监听元素本身，而在IE下则不然,可使用回调函数call，让当前上下文指向监听的元素。

5. 鼠标位置

【分析说明】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。复杂点还要考虑绝对位置。

function　getAbsPoint(e){
var　x　=　e.offsetLeft,　y　=　e.offsetTop;
while　(e　=　e.offsetParent)　{
x　+=　e.offsetLeft;
y　+=　e.offsetTop;
}
alert("x:"　+　x　+　","　+　"y:"　+　y);
}

五、其他差异的兼容处理

1. XMLHttpRequest

【分析说明】new ActiveXObject("Microsoft.XMLHTTP");只在IE中起作用，Firefox不支持，但支持XMLHttpRequest。

【兼容处理】

function　createXHR()　{
var　xhr=null;
if(window.XMLHttpRequest){
xhr=new　ActiveXObject("Msxml2.XMLHTTP");
}else{
try　{
xhr=new　ActiveXObject("Microsoft.XMLHTTP");
}
catch()　{
xhr=null;
}
}
if(!xhr)return;
return　xhr;
}

2. 模态和非模态窗口

【分析说明】IE中可以通过showModalDialog和showModelessDialog打开模态和非模态窗口，但是Firefox不支持。

【解决办法】直接使用window.open(pageURL,name,parameters)方式打开新窗口。 如果需要传递参数，可以使用frame或者iframe。