Firefox瀏覽器兼容JS腳本是怎樣的

本篇文章為大家展示了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腳本是怎樣的，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。