Firefox和IE浏览器兼容JS脚本写法小结

时间:2021-05-28


1.window.event兼容脚本

functiongetEvent(){//获取浏览器事件,同时兼容ie和ff的写法
if(document.all)returnwindow.event;
func=getEvent.caller;
while(func!=null){
vararg0=func.arguments[0];
if(arg0){
if((arg0.constructor==Event  arg0.constructor==MouseEvent)
  (typeof(arg0)=="object"&&arg0.preventDefault&&arg0.stopPropagation)){
returnarg0;
}
}
func=func.caller;
}
returnnull;
}

每次用事件之前Firefox都需要用getEvent()获取一下,否则就是空

2.屏蔽Form提交事件

event.returnValue=false;//forIE

evt.preventDefault();//forfirefox

3.获取事件源

varsource=event.srcElement//IE

varsource=event.target//firefox

4.添加事件兼容写法

functionaddEvent(oElement,sEvent,func){
if(oElement.attachEvent){
oElement.attachEvent(sEvent,func);
}
else{
sEvent=sEvent.substring(2,sEvent.length);
oElement.addEventListener(sEvent,func,false);
}
}

用法:addEvent(window,"onload",Start);

5.Firefox注册innerText写法

//注册firefoxinnerText
HTMLElement.prototype.__defineGetter__("innerText",
function(){
varanyString="";
varchildS=this.childNodes;
for(vari=0;iif(childS[i].nodeType==1)
anyString+=childS[i].tagName=="BR"?'\n':childS[i].innerText;
elseif(childS[i].nodeType==3)
anyString+=childS[i].nodeValue;
}
returnanyString;
}
);
HTMLElement.prototype.__defineSetter__("innerText",
function(sText){
this.textContent=sText;
}
);

6.长度:FireFox长度必须加“px”,IE无所谓

7.父控件下的子控件:IE是“children”,FireFox是“childNodes”

8.XmlHttp

在IE中,XmlHttp.send(content)方法的content可以为空,而firefox则不能为空,应该用send(""),否则会出现411错误

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章