美文网首页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(跨浏览器)

    跨浏览器解决方案 分析存在的兼容性1、load()只有IE,Firefox,Opera支持,所以无法跨浏览器。2、...

  • XML DOM

    跨域访问禁止 -> JS同源策略出于对安全性的考虑,现代浏览器禁止跨域访问,意即网页及其所加载的XML文件必须处于...

  • XML 跨浏览器

  • Node.js之增删改查和跨域问题

    增删改查 server.js router.js controller.js 跨域问题 浏览器同源策略:协议+域名...

  • 29.XML

    学习要点: 1.IE 中的 XML2.DOM2 中的 XML3.跨浏览器处理 XML 随着互联网的发展,Web 应...

  • Chrome 本地文件跨域

    mac下谷歌浏览器解决跨域解决 在Mac OS下开发html5+JS Chrome 浏览器 跨域 和 安全访问问题...

  • Flask配置Cors跨域

    1 跨域的理解 跨域是指:浏览器A从服务器B获取的静态资源,包括Html、Css、Js,然后在Js中通过Ajax访...

  • JavaScript 经典实例收集整理

    跨浏览器添加事件 跨浏览器移除事件 跨浏览器阻止默认行为 跨浏览器获取目标对象 跨浏览器获取滚动条位置 跨浏览器获...

  • Javascript三座大山之 — AJAX

    什么是AJAX 概况 AJAX(Async JavaScript And XML)是浏览器上的功能:用JS发请求和...

  • JavaScript精编干货

    浅析用 js 解析 xml 的方法 由于项目上需要解析 xml,于是各种百度,然后自己总结了下各个主流浏览器解析 ...

网友评论

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

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