javascript在中ie与firefox的区别与解决方案

javascript在中ie与firefox的区别与解决方案

1.载入xml
ie创建对象:
    msXmlAx=new ActiveXObject("Microsoft.XMLDOM");
firefox创建对象:
     xDoc=document.implementation.createDocument("","",null);

总体方法为:
     ///判断浏览器 创建不同的对象
     function getXmlDocument()
     {
        var xDoc;
     if(document.implementation && document.implementation.createDocument)
     {
      xDoc=document.implementation.createDocument("","",null);
     }
     else if(typeof ActiveXObject !="undefined")
     {
       var msXmlAx=null;
     try{
           msXmlAx=new ActiveXObject("Microsoft.XMLDOM");  
     }
     catch(e)
     {

                    msXmlAx=new ActiveXObject ("Microsoft.XMLDOM");
     }
     xDoc=msXmlAx;
   
     }
     if(xDoc== null || typeof xDoc.load=="undefined")
     {
      xDoc=null;
   
   
     }
     return xDoc;
    
     }


2.insertRow和insertCell
在ie中可直接调用该方法 document.getElementById("xxx").insertRow();
在firefox 中需要放置参数:document.getElementById("xxx").insertRow(-1);

同样 insertRow(-1)也支持ie

3.判断浏览器类型

/*---------------------------------------------------------------
    --this function can return the actual browser name and version.--
    --USESAGE:There are Two Methods(See the end of this function) --
    --Create By Yemoo. DateTime:2006-2-3 21:53:37                 --
    ---------------------------------------------------------------*/
    function browserinfo(){
        var Browser_Name=navigator.appName;
        var Browser_Version=parseFloat(navigator.appVersion);
        var Browser_Agent=navigator.userAgent;
        
        var Actual_Version,Actual_Name;
        
        var is_IE=(Browser_Name=="Microsoft Internet Explorer");
        var is_NN=(Browser_Name=="Netscape");
        
        if(is_NN){
            //upper 5.0 need to be process,lower 5.0 return directly
            if(Browser_Version>=5.0){
                var Split_Sign=Browser_Agent.lastIndexOf("/");
                var Version=Browser_Agent.indexOf(" ",Split_Sign);
                var Bname=Browser_Agent.lastIndexOf(" ",Split_Sign);

                Actual_Version=Browser_Agent.substring(Split_Sign+1,Version);
                Actual_Name=Browser_Agent.substring(Bname+1,Split_Sign);
            }
            else{
                Actual_Version=Browser_Version;
                Actual_Name=Browser_Name;
            }
        }
        else if(is_IE){
            var Version_Start=Browser_Agent.indexOf("MSIE");
            var Version_End=Browser_Agent.indexOf(";",Version_Start);
            Actual_Version=Browser_Agent.substring(Version_Start+5,Version_End)
            Actual_Name=Browser_Name;
            
            if(Browser_Agent.indexOf("Maxthon")!=-1){
                Actual_Name+="(Maxthon)";
            }
            else if(Browser_Agent.indexOf("Opera")!=-1){
                Actual_Name="Opera";
                var tempstart=Browser_Agent.indexOf("Opera");
                var tempend=Browser_Agent.length;
                Actual_Version=Browser_Agent.substring(tempstart+6,tempend)
            }
        }
        else{
            Actual_Name="Unknown Navigator"
            Actual_Version="Unknown Version"
        }
        /*------------------------------------------------------------------------------
        --Your Can Create new properties of navigator(Acutal_Name and Actual_Version) --
        --Userage:                                                                    --
        --1,Call This Function.                                                       --
        --2,use the property Like This:navigator.Actual_Name/navigator.Actual_Version;--
        ------------------------------------------------------------------------------*/
        navigator.Actual_Name=Actual_Name;
        navigator.Actual_Version=Actual_Version;
        
        /*---------------------------------------------------------------------------
        --Or Made this a Class.                                                    --
        --Userage:                                                                 --
        --1,Create a instance of this object like this:var browser=new browserinfo;--
        --2,user this instance:browser.Version/browser.Name;                       --
        ---------------------------------------------------------------------------*/
        this.Name=Actual_Name;
        this.Version=Actual_Version;
    }
通过: navigator.Actual_Name 得到浏览器名称,navigator.Actual_Version 的到浏览器版本

4. firefox 中无法像ie一样通过documentElement得到xml文本对象的所有元素信息,可以使用替换法:
   创建XMLHttpRequest对象,通过它的responseXML返回的xml对象进行操作

5.firefox中不支持window.event
解决方法:
    document.onclick=function(e) //要兼容ff的话,这个参数一定要写上
     {
       e = window.event || e;
       e = e.srcElement || e.target;
       //其他实现代码
    }
6.firefox不支持parentElement,若要使用可写成:parentNode

7.IE中将xml通过xsl进行格式化时,使用如下代码:
   xmlDoc.transformNode(xslDoc);
   xmlDoc为xml文档
   xslDoc为xsl文档
在firefox中使用如下代码:
    var   xsltProcessor =new XSLTProcessor();  
          xsltProcessor.importStylesheet(xslDoc);
    var   resultHtml= xsltProcessor.transformToDocument(xmlDoc);
    var   oXmlSerializer = new XMLSerializer();
    $GetEle("ZfDiv_").innerHTML= oXmlSerializer.serializeToString(resultHtml);

8.ifream加载中 使iframe的高度根据所加载页的高度而改变
网上有代码为:
   <iframe onload="document.all.demo.height=document.frames['demo'].document.body.scrollHeight" src="demo.htm" />
   代码没有问题,只是在Firefox中不能实现想要的效果
   改为:
     document.getElementById('demo').height=window.frames['demo'].document.body.scrollHeight
   即可

你可能感兴趣的:(JavaScript)