WEB开发之 browser js兼容问题（一）

        由于各浏览器内核各异，browser兼容性问题就是一个不可避免的问题，下面仅总结下工作中遇到的一些：

（1）FF比IE对语法的要求高些，比如：IE中insertRow()，insertCell()方法可以不用带参数，但FF 中必须带参数；

（2）解析xml文件，FF，IE，CHROME都不相同；

            例如有下述xml文件：test.xml

           

 <?xml version="1.0" encoding="utf-8"?>
<data name="data1">
         <pc>123</pc>
         <ap>456</ap>
         <cd>159</cd>
</data>
<data name="data2">
         <pc>553</pc>
         <ap>856</ap>
         <cd>150</cd>
</data>
<data name="data3">
         <pc>12</pc>
         <ap>406</ap>
         <cd>139</cd>
</data>

           getDataFromXML.js 如下

function getData(){
       var pase = null;
       if(window.ActiveXObject){
              parse = new ActiveXObject("Microsoft.XMLDOM");//IE中获取xml文件方式
              parse.async = false;
              parse.load("test.xml");
              if(parse != null){
                    parseX_IE(parse);//IE 解析xml
         }else if(document.implementation && document.implementation.createDocument){
                    //FF中获取xml文件方式
                    parse = document.implementation.createDocument("","",null);
                    parse.async = false;
                    try{ 
                          parse.load("test.xml");
                       }catch(e){//chrome && safari 中获取xml文件方式
                                  var xhr = new XMLHttpRequest();
                                  xhr.open("GET","test.xml",false);
                                  xhr.send(null);
                                  parse = xhr.responseXML.documentElement;
                                 }
                      if(parse != null){
                            parseX_FF(parse); //FF 解析xml
                       }

          }

 }
}

function parseX_FF(parse){
        var node=parse.getElementsByTagName("data");
        for(var i=0;i<node.length;i++){
         pc = parse.getElementsByTagName("pc")[i].childNodes[0].nodeValue;
         ap = parse.getElementsByTagName("ap")[i].childNodes[0].nodeValue;
         }
}

function parseX_IE(parse){         
        var node=parse.documentElement.childNodes;
         for(var i=0;i<node.length;i++){
           pc = node[i].childNodes[0].text;
           ap = node[i].childNodes[1].text;
         }
}

(3)innerText在IE中能正常使用，在FF中不能；

(4)FF 不兼容 attachEvent方法，可采用：

if(window.addEventListener){
       tar.addEventListener("click",new Function("test()"),false);
}else if(window.attachEvent){
       tar.attachEvent("onclick",new Function("test()"));
}

(5)集合类对象问题

集合类对象取用时，使用()，IE能接受，但是FF会报错。

解决办法：

改用[]作为下标运算。如document.forms("formname")改写为document.forms["formname"];

又如document.getElementByName("name")(1) -->document.getElementByName("name")[1]

(6) 由于浏览器及运行平台的差异，有时会要求在做任何js处理之前，需要检测目前的使用的平台及引擎，故《javascript高级程序设计》$9.3.3给出了一段详细的代码来实现检测的功能！