本篇文章为大家展示了Firefox浏览器兼容JS脚本是怎样的,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
向大家描述一下Firefox浏览器兼容JS脚本问题,最近做了一个项目,遇到了FireFox和IE脚本不兼容的问题,为此从网上搜集了部分兼容的脚本,这里和大家分享一下。
Firefox浏览器兼容JS脚本供参考
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==Eventarg0.constructor==MouseEvent) (typeof(arg0)=="object"&&arg0.preventDefault&&arg0.stopPropagation)){ returnarg0; } } funcfunc=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{ sEventsEvent=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错误
上述内容就是Firefox浏览器兼容JS脚本是怎样的,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注编程网行业资讯频道。