XML基础知识入门资料-精彩教学.doc

《XML基础知识入门资料-精彩教学.doc》由会员分享，可在线阅读，更多相关《XML基础知识入门资料-精彩教学.doc（72页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、XML 入门经典教程目录XML 基础XML 简介 什么是 XML，以及它与 HTML 的区别。 如何使用 XML 不同的 XML 使用方式。 XML 树结构 XML 文档如何形成一种有逻辑的树结构。 XML 语法 有逻辑且非常简单的 XML 语法规则。 XML 元素 XML 元素、内容和命名规则、父与子元素之间的关系。 XML 属性 如何使用 XML 属性提供关于元素的额外信息。 XML 验证 形式良好的文档与合法文档之间的差异，以及如何规定 XML 文档的结构。 XML 验证器 简单的 XML 在线语法检查工具。 XML 浏览器支持 大部分常用的浏览器对 XML 的支持 在浏览器中查看 XM

2、L 如何通过您的浏览器来查看 XML 文件。 使用 CSS 来显示 XML 如何使用 CSS 来显示一个 XML 文件。 使用 XSL 来显示 XML 如何使用 XSL 来显示一个 XML 文件。 XML JavaScriptXML 解析器 如何使用浏览器来读取、更新、创建并操作 XML 文档。 XML DOM 关于 XML 文档对象模型（DOM）。 XML to HTML 如何在 HTML 文档中显示 XML 数据。 XMLHttpRequest 对象 如何在不重新加载页面的情况下，使用来自服务器的数据对页面进行更新。 XML 应用程序 如何使用 XML 数据和 JavaScript 来创建

3、复杂的 HTML 应用程序。 XML 高级XML 命名空间 如何使用 XML 命名空间避免元素命名冲突。 XML CDATA 如何告知 XML 解析器不去解析文本。 XML 编码 如何在您的 XML 文档使用不同的字符集。 XML 服务器 如何从服务器端输出 XML。 XML DOM 高级 更多关于 XML 文档对象模型的知识。 XML Dont 本节讲解在在使用 XML 时尽量避免使用的技术。 把数据存储到 XML 文件 通常地，我们在数据库中存储数据。不过，假如我们希望数据更加易用，那么可以将数据存储于 XML 文件之中。 XML 技术 与 XML 相关的最常用的技术。 现实生活中的 XM

4、L 在现实世界中 XML 如何被使用的例子。 XML 编辑器 当编辑 XML 文档时，为什么要使用 XML 编辑器。 XML 总结 本文包括在本教程所学内容的一个总结，以及我们向你推荐的下一步应该学习的内容。 XML 实例/测验XML 实例 非常多的 XML 实例！ XML 测验 在 W3School 测试你的 XML 技能！ 01、XML 简介Previous Page Next Page XML 被设计用来传输和存储数据。HTML 被设计用来显示数据。应该掌握的基础知识：在您继续学习之前，需要对以下知识有基本的了解：HTML / XHTML JavaScript 如果您希望首先学习这些项目

5、，请在我们的 首页 访问这些教程。什么是 XML?XML 指可扩展标记语言（EXtensible Markup Language） XML 是一种标记语言，很类似 HTML XML 的设计宗旨是传输数据，而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准 XML 与 HTML 的主要差异XML 不是 HTML 的替代。XML 和 HTML 为不同的目的而设计：XML 被设计为传输和存储数据，其焦点是数据的内容。HTML 被设计用来显示数据，其焦点是数据的外观。HTML 旨在显示信息，而 XML 旨在传输信息。XML 是

6、不作为的（没有任何行为的 XML）也许这有点难以理解，但是 XML 不会做任何事情。XML 被设计用来结构化、存储以及传输信息。下面是 John 写给 George 的便签，存储为 XML：GeorgeJohnReminderDont forget the meeting!这个标签有标题以及留言。它也包含了发送者和接受者的信息。但是，这个 XML 文档仍然没有做任何事情。它仅仅是包装在 XML 标签中的纯粹的信息。我们需要编写软件或者程序，才能传送、接收和显示出这个文档。XML 仅仅是纯文本XML 没什么特别的。它仅仅是纯文本而已。有能力处理纯文本的软件都可以处理 XML。不过，能够读懂 XM

7、L 的应用程序可以有针对性地处理 XML 的标签。标签的功能性意义依赖于应用程序的特性。通过 XML 您可以发明自己的标签上例中的标签没有在任何 XML 标准中定义过（比如 和 ）。这些标签是由文档的创作者发明的。这是因为 XML 没有预定义的标签。在 HTML 中使用的标签（以及 HTML 的结构）是预定义的。HTML 文档只使用在 HTML 标准中定义过的标签（比如 、 等等）。XML 允许创作者定义自己的标签和自己的文档结构。XML 不是对 HTML 的替代XML 是对 HTML 的补充。XML 不是对 HTML 的替代，理解这一点很重要。在大多数 web 应用程序中，XML 用于传输数

8、据，而 HTML 用于格式化并显示数据。对 XML 的最好的描述是：XML 是独立于软件和硬件的信息传输工具。XML 是 W3C 的推荐标准可扩展标记语言 (XML) 于 1998 年 2 月 10 日成为 W3C 的推荐标准。XML 无所不在当我们看到 XML 标准突飞猛进的开发进度，以及大批的软件开发商采用这个标准的日新月异的速度时，真的是不禁感叹这真是令人叹为观止。目前，XML 在 Web 中起到的作用不会亚于一直作为 Web 基石的 HTML。XML 无所不在。XML 是各种应用程序之间进行数据传输的最常用的工具，并且在信息存储和描述领域变得越来越流行。02、XML 的用途Previo

9、us Page Next Page XML 应用于 web 开发的许多方面，常用于简化数据的存储和共享。XML 把数据从 HTML 分离如果你需要在 HTML 文档中显示动态数据，那么每当数据改变时将花费大量的时间来编辑 HTML。通过 XML，数据能够存储在独立的 XML 文件中。这样你就可以专注于使用 HTML 进行布局和显示，并确保修改底层数据不再需要对 HTML 进行任何的改变。通过使用几行 JavaScript，你就可以读取一个外部 XML 文件，然后更新 HTML 中的数据内容。您将在稍后的章节学习更多这方面的内容。XML 简化数据共享在真实的世界中，计算机系统和数据使用不兼容的格

10、式来存储数据。XML 数据以纯文本格式进行存储，因此提供了一种独立于软件和硬件的数据存储方法。这让创建不同应用程序可以共享的数据变得更加容易。XML 简化数据传输通过 XML，可以在不兼容的系统之间轻松地交换数据。对开发人员来说，其中一项最费时的挑战一直是在因特网上的不兼容系统之间交换数据。由于可以通过各种不兼容的应用程序来读取数据，以 XML 交换数据降低了这种复杂性。XML 简化平台的变更升级到新的系统（硬件或软件平台），总是非常费时的。必须转换大量的数据，不兼容的数据经常会丢失。XML 数据以文本格式存储。这使得 XML 在不损失数据的情况下，更容易扩展或升级到新的操作系统、新应用程序或

11、新的浏览器。XML 使您的数据更有用由于 XML 独立于硬件、软件以及应用程序，XML 使您的数据更可用，也更有用。不同的应用程序都能够访问您的数据，不仅仅在 HTML 页中，也可以从 XML 数据源中进行访问。通过 XML，您的数据可供各种阅读设备使用（手持的计算机、语音设备、新闻阅读器等），还可以供盲人或其他残障人士使用。XML 用于创建新的 Internet 语言很多新的 Internet 语言是通过 XML 创建的：其中的例子包括：XHTML - 最新的 HTML 版本 WSDL - 用于描述可用的 web service WAP 和 WML - 用于手持设备的标记语言 RSS - 用

12、于 RSS feed 的语言 RDF 和 OWL - 用于描述资源和本体 SMIL - 用于描述针针对 web 的多媒体 03、XML 树结构Previous Page Next Page XML 文档形成了一种树结构，它从“根部”开始，然后扩展到“枝叶”。一个 XML 文档实例XML 使用了简单的具有自我描述性的语法：GeorgeJohnReminderDont forget the meeting!第一行是 XML 声明。它定义 XML 的版本 (1.0) 和所使用的编码 (ISO-8859-1 = Latin-1/西欧字符集)。下一行描述文档的根元素（像在说：“本文档是一个便签”）：接下

13、来 4 行描述根的 4 个子元素（to, from, heading 以及 body）：GeorgeJohnReminderDont forget the meeting!最后一行定义根元素的结尾：从本例可以设想，该 XML 文档包含了 John 给 George 的一张便签。XML 具有出色的自我描述性，你同意吗？XML 文档形成一种树结构XML 文档必须包含根元素。该元素是所有其他元素的父元素XML 文档中的元素形成了一棵文档树。这棵树从根部开始，并扩展到树的最底端。所有元素均可拥有子元素：.父、子以及同胞等术语用于描述元素之间的关系。父元素拥有子元素。相同层级上的子元素成为同胞（兄弟或姐

14、妹）。所有元素均可拥有文本内容和属性（类似 HTML 中）。实例上图表示下面的 XML 中的一本书：Everyday Italian Giada De Laurentiis 2005 30.00 Harry Potter J K. Rowling 2005 29.99 Learning XML Erik T. Ray 2003 39.95 例子中的根元素是 。文档中的所有 元素都被包含在 中。元素有 4 个子元素：、。04、XML 语法规则Previous Page Next Page XML 的语法规则很简单，且很有逻辑。这些规则很容易学习，也很容易使用。所有 XML 元素都须有关闭标签在

15、HTML，经常会看到没有关闭标签的元素：This is a paragraphThis is another paragraph在 XML 中，省略关闭标签是非法的。所有元素都必须有关闭标签：This is a paragraphThis is another paragraph 注释：您也许已经注意到 XML 声明没有关闭标签。这不是错误。声明不属于 XML 本身的组成部分。它不是 XML 元素，也不需要关闭标签。XML 标签对大小写敏感XML 元素使用 XML 标签进行定义。XML 标签对大小写敏感。在 XML 中，标签 与标签 是不同的。必须使用相同的大小写来编写打开标签和关闭标签：这是

16、错误的。这是正确的。 注释：打开标签和关闭标签通常被称为开始标签和结束标签。不论您喜欢哪种术语，它们的概念都是相同的。XML 必须正确地嵌套在 HTML 中，常会看到没有正确嵌套的元素：This text is bold and italic在 XML 中，所有元素都必须彼此正确地嵌套：This text is bold and italic在上例中，正确嵌套的意思是：由于 元素是在 元素内打开的，那么它必须在 元素内关闭。XML 文档必须有根元素XML 文档必须有一个元素是所有其他元素的父元素。该元素称为根元素。.XML 的属性值须加引号与 HTML 类似，XML 也可拥有属性（名称/值的对

17、）。在 XML 中，XML 的属性值须加引号。请研究下面的两个 XML 文档。第一个是错误的，第二个是正确的：GeorgeJohnGeorgeJohn在第一个文档中的错误是，note 元素中的 date 属性没有加引号。实体引用（ 如果您希望学习 DTD，请访问我们的 DTD 教程。XML Schema（基于 XML 的 DTD 代替者）W3C 支持一种基于 XML 的 DTD 代替者，它名为 XML Schema：如果您需要学习 XML Schema，请访问我们的 XML Schema 教程。一个通用的验证器为了帮助您检查 XML 文件的语法，我们创建了这个工具，以便您对任何 XML 文件进

18、行语法检查。请看下一节。08、查看 XML 文件Previous Page Next Page 在所有现代浏览器中，可查看原始的 XML 文件打开 XML 文件 - XML 文档将显示为代码颜色化的根以及子元素。通过点击元素左侧的加号或减号，可以展开或收起元素的结构。如需查看不带有 + 和 - 符号的源代码，请从浏览器菜单中选择“查看源代码”。注释：在 Netscape, Opera 以及 Safari 中，仅仅会显示元素文本！要查看原始的 XML，请右击页面，然后选择“查看源代码”。查看某个无效的 XML 文件如果浏览器打开了某个有错误的 XML 文件，那么它会报告这个错误。请查看这个 XM

19、L 文件：note_error.xml其他的 XML 实例请查看这些 XML 文档，这会有助于您建立对 XML 的感性认识。一个 XML 的 CD 目录 这是我父亲的 CD 收藏，被存储为 XML 数据（我猜可能是很老很无聊的题目. :-)） 一个 XML 的植物目录 来自园艺店的植物目录，存储为 XML 数据。 一个简单的菜单 这是来自餐馆的早餐菜单，存储为 XML 数据。 为什么 XML 会这样显示？XML 文档不会携带有关如何显示数据的信息。由于 XML 标签由 XML 文档的作者“发明”，浏览器无法确定像 这样一个标签究竟描述一个 HTML 表格还是一个餐桌。在没有任何有关如何显示数据

20、的信息的情况下，大多数的浏览器都会仅仅把 XML 文档显示为源代码。在下面的章节，我们会了解几个有关这个显示问题的解决方案，其中会使用 CSS、XSL、JavaScript 以及 XML 数据岛。09、使用 XSLT 显示 XML（首选）Previous Page Next Page 通过使用 XSLT，您可以向 XML 文档添加显示信息。使用 XSLT 显示 XMLXSLT 是首选的 XML 样式表语言。XSLT (eXtensible Stylesheet Language Transformations) 远比 CSS 更加完善。使用 XSLT 的方法之一是在浏览器显示 XML 文件之前

21、，先把它转换为 HTML，正如以下的这些例子演示的那样：查看 XML 文件，- - - Belgian Waffles $5.95 two of our famous Belgian Waffles with plenty of real maple syrup 650 - Strawberry Belgian Waffles $7.95 light Belgian waffles covered with strawberries and whipped cream 900 - Berry-Berry Belgian Waffles $8.95 light Belgian waffles c

22、overed with an assortment of fresh berries and whipped cream 900 - French Toast $4.50 thick slices made from our homemade sourdough bread 600 - Homestyle Breakfast $6.95 two eggs, bacon or sausage, toast, and our ever-popular hash browns 950 XSLT 样式表，- - - - - - - - - ( calories per serving) 查看结果。下面

23、是此 XML 文件的一个片断。 第二行，把这个 XML 文件链接到 XSL 文件：Belgian Waffles$5.95two of our famous Belgian Waffles650如果您需要学习更多有关 XSLT 的知识，请访问我们的XSLT 教程。在服务器上通过 XSLT 转换 XML在上例中，XSLT 转换是由浏览器完成的，浏览器读取的是 XML 文件。在使用 XSLT 来转换 XML 时，不同的浏览器可能会产生不同结果。为了减少这种问题，可以在服务器上进行 XSLT 转换。查看结果。请注意，不论转换由服务器还是由浏览器进行，输出结果完成相同。10、使用 CSS 显示 XML

24、Previous Page Next Page 通过使用 CSS，可为 XML 文档添加显示信息。使用 CSS 显示您的 XML？使用 CSS 来格式化 XML 文档是有可能的。下面的例子就是关于如何使用 CSS 样式表来格式化某个 XML 文档：这是 XML 文件：CD 目录这是样式表：CSS 文件最后，请查看效果：由 CSS 文件格式化的 CD 目录下面是此 XML 文件的一个片断。 第二行，把这个 XML 文件链接到 CSS 文件： Empire BurlesqueBob DylanUSAColumbia10.901985Hide your heartBonnie TylerUKCBS

25、Records9.901988.注释：使用 CSS 格式化 XML 不能代表 XML 文档样式化的未来。XML 文档应当使用 W3C 的 XSL 标准进行格式化！11、XML 解析器（如何使用浏览器来读取、更新、创建并操作 XML 文档）Previous Page Next Page 大多数浏览器都有读取和操作 XML 的内建 XML 解析器。解析器把 XML 转换为 JavaScript 可访问的对象。实例W3School 提供的实例是独立于浏览器和平台的。这些例子可以在所有现代浏览器中运行。加载并解析 XML 文件（例子）function parseXML()try /Internet E

26、xplorerxmlDoc=new ActiveXObject(“Microsoft.XMLDOM“);catch(e)try /Firefox, Mozilla, Opera, etc.xmlDoc=document.implementation.createDocument(“,“,null);catch(e)alert(e.message);return;xmlDoc.async=false;xmlDoc.load(“/example/xmle/note.xml“);document.getElementById(“to“).innerHTML=xmlDoc.getElementsByT

27、agName(“to“)0.childNodes0.nodeValue;document.getElementById(“from“).innerHTML=xmlDoc.getElementsByTagName(“from“)0.childNodes0.nodeValue;document.getElementById(“message“).innerHTML=xmlDoc.getElementsByTagName(“body“)0.childNodes0.nodeValue;W3Schools Internal NoteTo: From: Message: 加载并解析 XML 字符串（例子）

28、function parseXML()text=“;text=text+“George“;text=text+“John“;text=text+“Reminder“;text=text+“Dont forget the meeting!“;text=text+“;try /Internet ExplorerxmlDoc=new ActiveXObject(“Microsoft.XMLDOM“);xmlDoc.async=“false“;xmlDoc.loadXML(text);catch(e)try /Firefox, Mozilla, Opera, etc.parser=new DOMPar

29、ser();xmlDoc=parser.parseFromString(text,“text/xml“);catch(e)alert(e.message);return;document.getElementById(“to“).innerHTML=xmlDoc.getElementsByTagName(“to“)0.childNodes0.nodeValue;document.getElementById(“from“).innerHTML=xmlDoc.getElementsByTagName(“from“)0.childNodes0.nodeValue;document.getEleme

30、ntById(“message“).innerHTML=xmlDoc.getElementsByTagName(“body“)0.childNodes0.nodeValue;W3Schools Internal NoteTo: From: Message: 解析 XML所有现代浏览器都有读取和操作 XML 的内建 XML 解析器。解析器把 XML 载入内存，然后把它转换为可通过 JavaScript 访问的 XML DOM 对象。您将在本教程的下一节中学习更多有关 XML DOM 的知识。微软的 XML 解析器与其他浏览器中的解析器之间，存在一些差异。微软的解析器支持 XML 文件和 XML

31、字符串（文本）的加载，而其他浏览器使用单独的解析器。不过，所有的解析器都包含遍历 XML 树、访问插入及删除节点（元素）及其属性的函数。在本教程中，我们将为您展示如何创建可同时工作于 Internet Explorer 和其他浏览器中的脚本。注释：当我们谈及 XML 解析，我们常常会使用有关 XML 元素的术语：节点。通过微软的 XML 解析器来加载 XML微软的 XML 解析器内建于 Internet Explorer 5 以及更高的版本中。下面的 JavaScript 片段把一个 XML 文档载入解析器中：var xmlDoc=new ActiveXObject(“Microsoft.XM

32、LDOM“);xmlDoc.async=“false“;xmlDoc.load(“note.xml“);例子解释：1. 上面代码的第一个行创建一个空的微软 XML 文档对象。 2. 第二行关闭异步加载，这样确保在文档完全加载之前解析器不会继续脚本的执行。 3. 第三行告知解析器加载名为 “note.xml“ 的 XML 文档。 下面的 JavaScript 片段把字符串 txt 载入解析器：var xmlDoc=new ActiveXObject(“Microsoft.XMLDOM“);xmlDoc.async=“false“;xmlDoc.loadXML(txt);【loadXML() 方法

33、用于加载字符串（文本），load() 用于加载文件】在 Firefox 及其他浏览器中的 XML 解析器下面的 JavaScript 片段把 XML 文档 (“note.xml“) 载入解析器：var xmlDoc=document.implementation.createDocument(“,“,null);xmlDoc.async=“false“;xmlDoc.load(“note.xml“);例子解释：1. 上面代码的第一个行创建一个空的 XML 文档对象。 2. 第二行关闭异步加载，这样确保在文档完全加载之前解析器不会继续脚本的执行。 3. 第三行告知解析器加载名为 “note.xm

34、l“ 的 XML 文档。 下面的 JavaScript 片段把字符串 txt 载入解析器：var parser=new DOMParser();var doc=parser.parseFromString(txt,“text/xml“);1. 上面代码的第一个行创建一个空的微软 XML 文档对象。 2. 第二行告知解析器载入名为 txt 的字符串。 注释：。【IE 使用 loadXML() 方法来解析 XML 字符串，而其他浏览器使用 DOMParser 对象】跨域访问（现代的浏览器不允许跨域的访问）出于安全方面的原因，现代的浏览器不允许跨域的访问。这意味着，网页以及它试图加载的 XML 文件

35、，都必须位于相同的服务器上。W3School 的实例所打开的 XML 文件位于 W3School 的域上。假如你打算在自己的网页上使用上面的例子，则必须把 XML 文件放到自己的服务器上。否则，xmlDoc.load() 将产生错误 “Access is denied“。12、XML DOMPrevious Page Next Page DOM （Document Object Model，文档对象模型）定义访问和操作文档的一套标准方法。XML DOM（定义一套访问和操作 XML 文档的标准方法）XML DOM (XML Document Object Model) 定义一套访问和操作 XML

36、 文档的标准方法。DOM 把 XML 文档作为树结构来查看。能够通过 DOM 树来访问所有元素。可以修改或删除它们的内容，并创建新的元素。XML: 元素，它们的文本，以及它们的属性，都被认为是节点XML: 使用 DOM 引用从 元素中获取文本（getElementsByTagName）例子：xmlDoc.getElementsByTagName(“to“)0.childNodes0.nodeValuexmlDoc -由解析器创建的 XML 文档 getElementsByTagName(“to“)0 - 第一个 元素 childNodes0 - 元素的第一个子元素（文本节点） nodeValu

37、e - 节点的值（文本本身） 您可以在 W3School 的 XML DOM 教程 中学习更多相关知识。HTML DOM（定义一套访问和操作 HTML 文档的标准方法）HTML DOM (HTML Document Object Model) 定义一套访问和操作 HTML 文档的标准方法。可以通过 HTML DOM 访问所有 HTML 元素。HTML: 使用 DOM 引用来改变 id=“to“ 的 HTML 元素的文本（getElementById）例子：document.getElementById(“to“).innerHTML=document - HTML 文档 getElementB

38、yId(“to“) - 其中的 id=“to“ 的 HTML 元素 innerHTML - HTML 元素的内部文本 您可以在 W3School 的 HTML DOM 教程 中学习更多相关知识。解析 XML 文件 - 跨浏览器实例下列代码把一个 XML 文档 (“note.xml“) 载入 XML 解析器中：function parseXML()try /Internet ExplorerxmlDoc=new ActiveXObject(“Microsoft.XMLDOM“);catch(e)try /Firefox, Mozilla, Opera, etc.xmlDoc=document.i

39、mplementation.createDocument(“,“,null);catch(e)alert(e.message);return;xmlDoc.async=false;xmlDoc.load(“note.xml“);document.getElementById(“to“).innerHTML=xmlDoc.getElementsByTagName(“to“)0.childNodes0.nodeValue;document.getElementById(“from“).innerHTML=xmlDoc.getElementsByTagName(“from“)0.childNodes

40、0.nodeValue;document.getElementById(“message“).innerHTML=xmlDoc.getElementsByTagName(“body“)0.childNodes0.nodeValue;W3S Internal NoteTo: From: Message: 输出：W3S Internal NoteTo: GeorgeFrom: JohnMessage: Dont forget the meeting! TIY重要注释如需从 XML 中提取文本 “John“，语法是：getElementsByTagName(“from“)0.childNodes0.

41、nodeValue在这个 XML 例子中，只有一个 标签中，但是仍然需要规定数组的下标 0，这是因为 XML 解析器方法 getElementsByTagName() 返回所有 节点的一个数组。解析 XML 字符串 - 跨浏览器实例下面的代码加载并解析一个 XML 字符串：function parseXML()text=“;text=text+“George“;text=text+“John“;text=text+“Reminder“;text=text+“Dont forget the meeting!“;text=text+“;try /Internet ExplorerxmlDoc=ne

42、w ActiveXObject(“Microsoft.XMLDOM“);xmlDoc.async=“false“;xmlDoc.loadXML(text); catch(e)try / Firefox, Mozilla, Opera, etc.parser=new DOMParser();xmlDoc=parser.parseFromString(text,“text/xml“);catch(e)alert(e.message);return;document.getElementById(“to“).innerHTML=xmlDoc.getElementsByTagName(“to“)0.c

43、hildNodes0.nodeValue;document.getElementById(“from“).innerHTML=xmlDoc.getElementsByTagName(“from“)0.childNodes0.nodeValue;document.getElementById(“message“).innerHTML=xmlDoc.getElementsByTagName(“body“)0.childNodes0.nodeValue;W3S Internal NoteTo: From: Message: 输出：W3S Internal NoteTo: GeorgeFrom: Jo

44、hnMessage: Dont forget the meeting! TIY注释：Internet Explorer 使用 loadXML() 方法来解析 XML 字符串，而其他浏览器使用 DOMParser 对象。13、XML to HTMLPrevious Page Next Page 本章讲解如何把 XML 数据显示为 HTML。把 XML 数据显示为 HTML 表格从 XML 文件中加载数据，然后把数据显示为一个 HTML 表格 在 HTML 中显示数据在上一节中，我们讲解了如何通过 JavaScript 来解析 XML 并访问 DOM。本例遍历一个 XML 文件 (cd_catal

45、og.xml)，然后把每个 CD 元素显示为一个 HTML 表格行：var xmlDoc=null;if (window.ActiveXObject)/ code for IExmlDoc=new ActiveXObject(“Microsoft.XMLDOM“);else if (document.implementation.createDocument)/ code for Mozilla, Firefox, Opera, etc.xmlDoc=document.implementation.createDocument(“,“,null);elsealert(Your browser

46、cannot handle this script);if (xmlDoc!=null)xmlDoc.async=false;xmlDoc.load(“cd_catalog.xml“);document.write(“);var x=xmlDoc.getElementsByTagName(“CD“);for (i=0;i“);document.write(“);document.write(xi.getElementsByTagName(“ARTIST“)0.childNodes0.nodeValue);document.write(“);document.write(“);document.

47、write(xi.getElementsByTagName(“TITLE“)0.childNodes0.nodeValue);document.write(“);document.write(“);document.write(“);TIY：在 HTML 表格中显示 XML 数据。1. 检测浏览器，然后使用合适的解析器来加载 XML 2. 创建一个 HTML 表格（） 3. 使用 getElementsByTagName() 来获得所有 XML 的 CD 节点 4. 针对每个 CD 节点，把 ARTIST 和 TITLE 中的数据显示为表格数据 5. 用 结束表格 如需更多有关 JavaScr

48、ipt 和 XML DOM 的信息，请访问我们的 XML DOM 教程。跨域访问出于安全方面的原因，现代的浏览器不允许跨域的访问。这意味着，网页以及它试图加载的 XML 文件，都必须位于相同的服务器上。W3School 的实例所打开的 XML 文件位于 W3School 的域上。假如你打算在自己的网页上使用上面的例子，则必须把 XML 文件放到自己的服务器上。否则，xmlDoc.load() 将产生错误 “Access is denied“。14、XMLHttpRequest 对象Previous Page Next Page XMLHttpRequest 对象提供了在网页加载后与服务器进行通信的方法。什么是 XMLHttpRequest 对象？XMLHttpRequest 对象是开发者的梦想，因为您能够：在不重新加载页面的情况下更新网页 在页面已加载后从服务器请求数据 在页面已加载后从服务器接收数据 在后台向服务器发送数据 所有现代的浏览器都支持 XMLHttpRequest 对象。实例：当键入文本时与服务器进行 XML HTTP 通信。创建 XMLHttpRequest 对象通过一行简单的 JavaScript 代码，我们就可以创建 XMLHttpRe