美文网首页JS技术文我爱编程
JS—XML(跨浏览器)

JS—XML(跨浏览器)

作者: Miss____Du | 来源:发表于2015-02-03 23:00 被阅读122次

    跨浏览器解决方案

    • 分析存在的兼容性
      1、load()只有IE,Firefox,Opera支持,所以无法跨浏览器。
      2、获取XMLDOM对象的顺序问题,先判断现金的dom2,然后再去判断落后的IE
      3、针对不同的浏览器使用不同的序列化
      4、针对不同的报错进行不同的报错机制。

    • 逐个编写

    • 获得xmlDOM对象
      function createXmlDocument(){
      if(typeof arguments.callee.activeXString!="string"){
      var versions=["MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument"];
      for(var i=0;i<versions.length;i++){
      try {
      new ActiveXObject(versions[i]);
      arguments.callee.activeXString=versions[i];
      break;
      }catch(e){
      //跳过
      }
      }
      }
      return new ActiveXObject(arguments.callee.activeXString);
      }
      function getXMLDOM(xmlstr){
      var xmlDom=null;
      if(typeof window.DOMParser!="undefined"){
      xmlDom=(new DOMParser()).parseFromString(xmlstr,'text/xml');
      var errors=xmlDom.getElementsByTagName('parsererror');
      if(errors.length){
      throw new Error("XML parsing Error:"+errors[0].textContent)
      }
      }else if(typeof window.ActiveXObject!="undefined"){
      xmlDom=createXmlDocument();
      xmlDom.loadXML(xmlstr);
      if(xmlDom.parseError){
      throw new Error("XML parsing Error:"+xmlDom.parseError.reason);
      }
      }else{
      throw new Error("抱歉,您的浏览器不支持xmlDOM对象。");
      }
      return xmlDom;
      }
      var xmlDom=getXMLDOM("<root><user/>doo<user></root>");
      alert(xmlDom);

    • 序列化dom对象

          function serializeXML(xmlDom){
              var xml="";
              if(typeof window.XMLSerializer!='undefined'){
                  xml=(new XMLSerializer()).serializeToString(xmlDom);
              }else if(typeof xmlDom.xml !="undefined"){
                  xml=xmlDom.xml;
              }else{
                  throw new Error("抱歉,您的浏览器不支持xmlDOM对象。");
              }
              return xml;
          }
          var xmlDom=getXMLDOM("<root><user>doo</user></root>");
          alert(serializeXML(xmlDom));

    相关文章

      网友评论

        本文标题:JS—XML(跨浏览器)

        本文链接:https://www.haomeiwen.com/subject/ocjrxttx.html