Firefox完全兼容Javascript脚本方法

在Web开发设计中，我们经常能遇到各种浏览器之间的兼容性问题，其中IE与Firefox之间是最常见的，比如在IE中，XmlHttp.send(content)方法的content可以为空，而firefox则不能为空，应该用send(" ")，否则会出现411错误。下面就介绍了让Firefox全面兼容Javascript的几种方法，仅供参考。

推荐阅读：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脚本方法
文章源于：http://www.hantingmc.com/qtweb/news19/381169.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联