本篇文章基于W3C而写

在Firefox及其他浏览器中的XML解析器（除IE）

var xmlDoc=document.implementation.createDocument("","",null);

xmlDoc.async="false";

xmlDoc.load("note.xml");

第一行：创建一个空的 XML 文档对象。

第二行：关闭异步加载，确保在文档完全加载之前解析器不会继续脚本的执行。

第三行：告知解析器加载名为 "note.xml" 的 XML 文档。

解析完成后，就可以通过DOM树来访问XML里面的元素。

比如我们现在有一个XML：

<?xml version="1.0" encoding="UTF-8"?>

<information name='ghtt'>

	<person>

		<name>hsrshm</name>

		<sex>male</sex>

		<birth>

			<year>1999</year>

			<month>12</month>

			<day>19</day>

		</birth>

	</person>

	<person>

		<name>wx</name>

		<sex>male</sex>

		<birth>

			<month>9</month>

			<day>5</day>

		</birth>

	</person>

	<person>

		<name>zyy</name>

		<sex>male</sex>

		<birth>

			<month>5</month>

			<day>20</day>

		</birth>

	</person>

	<person>

		<name>wj</name>

		<sex>male</sex>

		<birth>

			<year>2000</year>

			<month>11</month>

			<day>29</day>

		</birth>

	</person>

	<person>

		<name>bl</name>

		<sex>female</sex>

		<birth>

			<year>2002</year>

			<month>2</month>

			<day>17</day>

		</birth>

	</person>

	<person>

		<name>jf</name>

		<sex>female</sex>

		<birth>

			<year>2002</year>

			<month>5</month>

			<day>25</day>

		</birth>

	</person>

</information>

现在我们要在html中读取他们的信息

如法炮制，我写出了如下代码：

var xmlDoc=document.implementation.createDocument("","",null);

xmlDoc.async="false";

xmlDoc.load("/xml/mingdan.xml");

但是在chrome浏览器中打开后 提示如下错误：

Uncaught TypeError: xmlDoc.load is not a function

？？？

换火狐试试，还是没用

在网上我也没找到有关这个问题的解决方法，但是，W3C给我们了另一个方式：$XMLHttpRequest$

这个东西是在后台和服务器交换数据用的，即可以读取服务器里的xml，因此，我们稍微改一改就可以用它来读取本地的xml

代码如下：

if (window.XMLHttpRequest)

        {// code for IE7+, Firefox, Chrome, Opera, Safari

            xmlhttp=new XMLHttpRequest();

        }

        else

        {// code for IE6, IE5

            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

        }

        xmlhttp.open("GET","xml/mingdan.xml",false);//第二个空填xml文件的本地目录

        xmlhttp.send();

        xmlDoc=xmlhttp.responseXML;

成功读取xml后，显示东西就很简单啦，下面是我所写的一个例子：读取上面的那个xml并显示每个人的名字，性别，生日（没有年份的要特判）

这是代码：

<html>

    <head>

    <meta charset="UTF-8">

    <title>解析xml</title>

        <script type="text/javascript">

        if (window.XMLHttpRequest)

        {// code for IE7+, Firefox, Chrome, Opera, Safari

            xmlhttp=new XMLHttpRequest();

        }

        else

        {// code for IE6, IE5

            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

        }

        xmlhttp.open("GET",'xml/mingdan.xml',false);

        xmlhttp.send();

        xmlDoc=xmlhttp.responseXML;

        x=xmlDoc.getElementsByTagName("person");

        i=0;

        //console.log(i);

        function display()

        {

            console.log(i);

            //document.write("begin");

            name=(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);

            //document.write(name);

            sex=(x[i].getElementsByTagName("sex")[0].childNodes[0].nodeValue);

            birthYear=null;

            if (x[i].getElementsByTagName("year")[0]!=null)

                birthYear=x[i].getElementsByTagName("year")[0].childNodes[0].nodeValue;

            birthMonth=(x[i].getElementsByTagName("month")[0].childNodes[0].nodeValue);

            birthDay=(x[i].getElementsByTagName("day")[0].childNodes[0].nodeValue);

            txt="NAME: "+name+"<br />SEX:"+sex+"<br />BIRTH:";

            if (birthYear!=null) txt=txt+birthYear+"/";

            txt=txt+birthMonth+"/"+birthDay+"<br /><br />";

            //console.log(x[i]);

            document.write(txt);

        }

        </script>

    </head>

    <body>

        <div>

            <script>

                //display();

                for (i=0;i<x.length;i++)

                    display();

            </script>

        </div>

    </body>

</html>

今天才发现原来console.log 不仅可以用在小程序里调试，还可以用在这

PS：chrome默认是无法读取本地文件的，需要在chrome快捷方式-目标里加上如下一段代码才能正常运行

--enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files

XML学习笔记——关于XML解析器的更多相关文章

  1. XML学习笔记之XML的简介

    最近,自学了一段时间xml,希望通过学习笔记的整理能够巩固一下知识点,也希望把知识分享给你们(描红字段为重点): XML(extensible Markup language):可扩展的标记语言,解决 ...

  2. XML学习笔记(1)--XML概述

    XML基本概念 XML—extensible Markup Language(可扩展标记语言) XML最基本的三个概念 1)XML语言---描述事物本身(可扩展) 2)XSL语言---展现事物表现形式 ...

  3. XML学习笔记

    XML学习笔记 第一部分:XML简介 我们经常可以听到XML.HTML.XHTML这些语言,后两者比较清楚,一直不是很明白XML是什么,这里做一个总结. XML(eXtensible Markup L ...

  4. day0203 XML 学习笔记

    day02, 03 1. xml语言和作用 2. xml语法详解 2.1 xml 语法声明 2.1.1 encoding 属性 2.1.2 standalone 属性 2.2 xml 元素(Eleme ...

  5. delphi操作xml学习笔记 之一 入门必读

    Delphi 对XML的支持---TXMLDocument类       Delphi7 支持对XML文档的操作,可以通过TXMLDocument类来实现对XML文档的读写.可以利用TXMLDocum ...

  6. 学习SpringMVC——说说视图解析器

    各位前排的,后排的,都不要走,咱趁热打铁,就这一股劲我们今天来说说spring mvc的视图解析器(不要抢,都有位子~~~) 相信大家在昨天那篇如何获取请求参数篇中都已经领略到了spring mvc注 ...

  7. XML学习总结(二)——XML入门

    XML学习总结(二)——XML入门 一.XML语法学习 学习XML语法的目的就是编写XML 一个XML文件分为如下几部分内容: 文档声明 元素 属性 注释 CDATA区 .特殊字符 处理指令(proc ...

  8. ArcGIS案例学习笔记2_2_模型构建器和山顶点提取批处理

    ArcGIS案例学习笔记2_2_模型构建器和山顶点提取批处理 计划时间:第二天下午 背景:数据量大,工程大 目的:自动化,批处理,定制业务流程,不写程序 教程:Pdf/343 数据:chap8/ex5 ...

  9. SpringBoot学习笔记：自定义拦截器

    SpringBoot学习笔记:自定义拦截器 快速开始 拦截器类似于过滤器,但是拦截器提供更精细的的控制能力,它可以在一个请求过程中的两个节点进行拦截: 在请求发送到Controller之前 在响应发送 ...

随机推荐

  1. linux 老式 PCI 探测

    在老的内核版本中, 函数 pci_register_driver, 不是一直被 PCI 驱动使用. 相反, 它 们要么手工浏览系统中的 PCI 设备列表, 要么它们将调用一个能够搜索一个特定 PCI ...

  2. 转 最近5年183个Java面试问题列表及答案［最全］

    Java 面试随着时间的改变而改变.在过去的日子里,当你知道 String 和 StringBuilder 的区别(String 类型和 StringBuffer 类型的主要性能区别其实在于 Stri ...

  3. KETTLE4个工作中有用的复杂实例--1、数据定时自动（自动抽取）同步作业

    今天呕心沥血花了8个小时给大家带来kettle工作中最常见的四种复杂实例,90%的项目用到这4种实例都可以解决. 4种实例种还有2种通用kettle工具,使用这两种通用工具实例,可以直接修改相应的配置 ...

  4. 网易Java高级开发课程随笔

    java学习也有6个月之久,记录下课程相关知识点,目前我还没有掌握,so仅作技术点记录 鉴于在.NET上我封装了一套开发框架,虽去年按.NET封装的思路自己也弄了个java开发框架,还是感觉对java ...

  5. js获取url参数值的方式

    定义方法: function getParam(paramName) { paramValue = ""; isFound = false; paramName = paramNa ...

  6. cglib的动态代理

    前言 jdk中的动态代理通过反射类Proxy和InvocationHandler回调接口实现,要求委托类必须实现一个接口,只能对该类接口中定义的方法实现代理,这在实际编程中有一定的局限性. cglib ...

  7. 用postman验证接口是否可掉通

    1.结合fidder抓包工具 2.打开postman 3.点击Launchpad右边“+” 4.选择postman,url粘贴fidder抓出来的数据 5.Header中粘贴fidder抓出来的KEY ...

  8. 【萌新向】cartographer_ros最新安装指南 2019-12

    首先说明,这篇文章于2019年12月写下,cartographer现在还在不断更新,也许这篇文档内容会失效,但是大体是一样的安装流程. 一.硬件条件 使用平台 x86_64平台 ROS发行版 Indi ...

  9. Java_地铁购票系统

    定义了两个类,在Subway类中定义三个私有数据变量,线路号,经过站点,换乘站.以及4个方法分别实现从txt文件中导入线路信息:输出线路信息:查询两个站点经过站点数,并输出经过站点以及在某站换乘几号线 ...

  10. javascript DOM 编程艺术 札记1

    一个重要观点 DOM 是指 文档对象模型,它对应浏览器实际认知的东西.html 文本本身和 html 加载到浏览器中显示的东西并不是完全一致的,后者就是 DOM 节点树,它是浏览器实际认知的东西.一个 ...