這篇文章主要講解了“怎么讓Firefox完全兼容Javascript腳本”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“怎么讓Firefox完全兼容Javascript腳本”吧!
在Web開發設計中,我們經常能遇到各種瀏覽器之間的兼容性問題,其中IE與Firefox之間是最常見的,比如在IE中,XmlHttp.send(content)方法的content可以為空,而firefox則不能為空,應該用send(" "),否則會出現411錯誤。下面就介紹了讓Firefox全面兼容Javascript的幾種方法,僅供參考。
1.window.event兼容腳本
function getEvent(){ //獲取瀏覽器事件,同時兼容ie和ff的寫法 if(document.all) return window.event; func=getEvent.caller; while(func!=null){ var arg0=func.arguments[0]; if(arg0){ if((arg0.constructor==Event arg0.constructor ==MouseEvent) (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){ return arg0; } } funcfunc=func.caller; } return null; }
每次用事件之前Firefox都需要用getEvent()獲取一下,否則就是空
2.屏蔽Form提交事件
event.returnValue=false;// for IE evt.preventDefault();//for firefox
3.獲取事件源
var source=event.srcElement //IE var source=event.target //firefox
4.添加事件兼容寫法
function addEvent(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寫法
//注冊firefox innerText HTMLElement.prototype.__defineGetter__("innerText", function(){ var anyString = ""; var childS = this.childNodes; for(var i=0; i if(childS[i].nodeType==1) anyString += childS[i].tagName=="BR" ? '\n' : childS[i].innerText; else if(childS[i].nodeType==3) anyString += childS[i].nodeValue; } return anyString; } ); 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完全兼容Javascript腳本”的內容了,經過本文的學習后,相信大家對怎么讓Firefox完全兼容Javascript腳本這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。