学习笔记 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==Event　　arg0.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  
 
 
 

#p#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错误

【编辑推荐】

1. JS在IE和Firefox兼容性问题及解决方案
2. 两种方案解决IE6、IE7、Firefox兼容问题
3. 深入探究DIV CSS布局中position属性用法
4. CSS兼容IE6,IE7,Firefox的技巧
5. CSS display:block显示布局错乱解决方案