JS—XML(IE8及以前)

XML:Extensible Markup Language(可扩展标记语言)
是SGML(标准通用标记语言)的子集,是w3c的推荐标准。
用途:xml可以对文档和数据进行结构化处理,他被设计用来存储和传输结构化数据。
XML一度成为存储和通过因特网传输结构化数据的标准。
特点:

  • xml是一种很像html的标记语言。

  • 设计的宗旨是用来传输数据而不是显示数据。

  • 他的标签没有被预定义,需要自定义标签。

  • 他被设计为具有自我描述性

  • 是W3C的推荐标准。

  • IE8及之前版本的XML
    IE是第一个支持xml的浏览器,IE9及以后的浏览器都已经支持DOM2级规范,对于IE8及之前版本对XML的支持是通过activeX对象实现的。微软创建了MSXML库,这是系统自带的,并没有针对JS创建对象,所以对于IE8及之前版本的浏览器只有在微软系统下,才能正常的使用xml。

  • 创建XML文档实例
    方法:需要使用ActiveXobject构造函数,并为其传入一个表示XML文档版本的字符串。
    function createXmlDocument(){
    outermost:
    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 outermost;
    }catch(e){
    //跳过
    }
    }
    throw new Error("您的系统或浏览器不支持MSXML库");
    }
    return new ActiveXObject(arguments.callee.activeXString);
    }
    var xmldom=createXmlDocument();
    alert(xmldom);
    特点:
    1、arguments.callee.activeXString这句代码运用了函数的内部属性对象arguments以及调用他的属性callee返回函数createXmlDocument,并为该函数设置了一个自定义的属性,用来存放该浏览器所支持的MSXML库版本信息。
    2、使用if语句的原因,是想如果使用函数创建了一次xml对象,获得版本信息后,下次就可以直接使用不用再次循环判断。
    3、错误捕获:当new ActiveXObject(versions[i]);发生错误时,或跳过该版本至下一个版本,如果成功,直接返回new ActiveXObject(arguments.callee.activeXString),如果均不成功,那么抛出错误信息。
    4、使用label与break结合,因为单独使用break只会跳到for外面,那么无论版本存不存在,都会抛出错误。加上标签,使得直接跳转至if语句外。

  • 载入xml

    • 加载xml字符loadXML()
      var xmldom=createXmlDocument();
      xmldom.loadXML("<root><user>Lee</user></root>");//加载字符串
      //alert(xmldom.xml);//序列化xml
      var anotheruser=xmldom.createElement("user");
      var usertxt=xmldom.createTextNode('duu');
      anotheruser.appendChild(usertxt);
      xmldom.documentElement.appendChild(anotheruser);
      【发现】原先document.××××的地方都被新建的xml对象替换了。这个对象的每一个dom节点都有一个xml属性,用来表示该节点的xml字符串。
    • 加载XML外部文件load()

要加载的文档必须是与页面中运行的js脚本文件来自于同一台服务器。
在服务器端加载文档的方式分为同步与异步。
简单理解:
同步:必须要等待文档加载完毕才可以执行后续代码。(缺点:造成阻塞,假死等现象)
异步:文档与后续代码可以分别执行。(缺点:造成后续代码执行时,获取不到文档的内容)

  但是,我们在加载文档的时候通常都试用异步的方式,在异步加载文档时,需要为xmldom文档的`onreadystatechange`事件制定处理程序。
        var xmldom=createXmlDocument();
        xmldom.async=true;
        xmldom.onreadystatechange=function(){
            if(xmldom.readyState==4){
                alert(xmldom.xml);
            }
        }
        xmldom.load("demo.xml");

特点:
1、asyncxml对象的这个属性,可以设置加载文档的方式是同步还是异步,默认值为true,表示异步,false表示同步。
2、事件处理程序要写在.load之前,这样当事件发生时,可以触发。
3、xmldom.readyState该属性一共有4个就绪状态,为4时,表示已经完全可以使用加载的文档。
4、事件处理程序内不可以使用this,因为this指向的是window对象。

  • 错误解析
    如果解析过程中出错,可以去xml文档对象的parseError属性中找到错误信息。
    进行测试将demo.xml的标记做一个改动。
    var xmldom=createXmlDocument();
    xmldom.async=true;
    xmldom.onreadystatechange=function(){
    if(xmldom.readyState==4){
    if(xmldom.parseError!=0){
    alert("错误信息:\n错误行号:"+xmldom.parseError.line+
    "\n错误代码:"+xmldom.parseError.errorCode+
    "\n所在文件:"+xmldom.parseError.url+
    "\n错误原因:"+xmldom.parseError.reason)
    }
    else{
    alert(xmldom.xml);
    }

             }
         }
         xmldom.load("demo.xml");
    

我在上面的载入文件的基础上,添加了对错误解释的判断。
特点:xmldom.parseError的默认值为errorCode。当没有发生错误使,该值为0,一旦发生错误,该值要么是正数要么是负数。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容

  • 个人博客:https://yeaseonzhang.github.io 花了半个多月的时间,终于又把“JS红宝书”...
    Yeaseon阅读 1,704评论 2 23
  • HTML HTML5标签 媒体查询head部分写法 Doctype作用? 严格模式与混杂模式如何区分?它们有何意义...
    Mayo_阅读 630评论 0 8
  • AjaxAsynchronous JavaScript XML这一技术最早是用来向服务器端请求以xml这种结构表示...
    Miss____Du阅读 1,040评论 1 4
  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,615评论 0 6
  • 有人说过,很多弯路到最后都成了直路,所有的坑到最后也都成了坦途;所谓的直路和坦途并不是摆在眼前的,都是不断的的...
    老衲法号一眉道人阅读 1,303评论 0 4