XML入门教程:XML 解析器

xml|教程|入门教程

如需读取、更新、创建或者操作某个XML文档,则需要XML解析器。

实例

解析XML文件 - 跨浏览器的实例

本例是一个跨浏览器的实例,把某个XML文档("note.xml")载入XML解析器。

<html>
<body>
<script type="text/vbscript">
set xmlDoc=CreateObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("/example/xmle/xmle_xml_note.xml")
document.write("<h1>Traversing the XML nodes</h1>")
for each x in xmlDoc.documentElement.childNodes
document.write("<b>" & x.nodename & "</b>")
document.write(": ")
document.write(x.text)
document.write("<br><br>")
next
</script>
</body>
</html>

解析XML字符串 - 跨浏览器的实例

本例是一个跨浏览器的实例,展示如何载入并解析某个XML字符串。

<html>
<body>
<script type="text/javascript">
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("/example/xmle/xmle_xml_note.xml")
document.write
("The first XML element in the file contains: ")
document.write
(xmlDoc.documentElement.childNodes.item(0).text)
</script>
</body>
</html>

解析一个XML文档

如需操作某个XML文档,您需要XML解析器。解析器会将文档载入电脑的内存中。一旦文档被载入,可使用DOM对其数据进行操作。DOM把XML作为一颗树来处理。

微软的XML解析器与Mozilla浏览器中使用的解析器是有差异的。在本教程中,我们会为您展示如何创建可工作于IE和Mozilla浏览器中的跨浏览器脚本。

微软的XML解析器

微软的XML解析器是存在于IE 5.0或更高版本中的COM组件。一旦你安装了IE,就可使用脚本来利用解析器了。

微软的XML解析器支持所有必要的功能,来遍历节点树,访问节点以及它们的属性值,插入并删除节点,并将节点数转换回XML。

如需创建微软XML解析器的一个实例,请使用下面的代码:

JavaScript:
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
VBScript:
set xmlDoc=CreateObject("Microsoft.XMLDOM")
ASP:
set xmlDoc=Server.CreateObject("Microsoft.XMLDOM")

下面的代码段可向微软的XML解析器载入一个已有的XML文档("note.xml"):

var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("note.xml");

上面的脚本的第一行创建了XML解析器的一个实例。第二行关闭了同步载入,这样可以确保在文档被完全载入前解析器不会继续执行。第三行会告知解析器载入名为"note.xml"的XML的文档。

Mozilla、Firefox以及Opera中的XML解析器

Mozilla浏览器的XML解析器支持所有必要的功能,来遍历节点树,访问节点以及它们的属性值,插入并删除节点,并将节点树转换回XML。

如需创建Mozilla浏览器的XML解析器的一个实例,请使用下面的代码:

JavaScript:
var xmlDoc=document.implementation.createDocument("ns","root",null);

第一个参数,ns,定义用于XML文档的命名空间(namespace)。第二个参数,root,是XML文件中的XML根元素。第三个参数,null,一般总是null,这是由于目前还没有用到这个参数。

下面的代码段可向Mozilla浏览器的XML解析器载入一个已有的XML文档("note.xml"):

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

上面的脚本的第一行创建了XML解析器的一个实例。第二行会告知解析器载入名为"note.xml"的XML的文档。

解析某个XML文件 - 跨浏览器的实例

下面的例子是一个跨浏览器的实例,向XML解析器载入了某个已有的XML文档("note.xml"):

<html>
<head>
<script type="text/javascript">
var xmlDoc;
function loadXML()
{
// 用于 IE 的代码:
if (window.ActiveXObject)
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async=false;
  xmlDoc.load("note.xml");
  getmessage();
  }
// 用于 Mozilla, Firefox, Opera, 等浏览器的代码:
else if (document.implementation &&
document.implementation.createDocument)
  {
  xmlDoc=document.implementation.createDocument("","",null);
  xmlDoc.load("note.xml");
  xmlDoc.onload=getmessage;
  }
else
  {
  alert('Your browser cannot handle this script');
  }
}
function getmessage()
{
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
}
</script>
</head>
<body >
<h1>W3Schools Internal Note</h1>
<p><b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</p>
</body>
</html>

输出:

W3Schools Internal Note
To: Tove
From: Jani
Message: Don't forget me this weekend!

重要的注释

如需从某个XML元素(比如<from>Jani</from>)中提取文本(比如Jani),请使用下面的语法:

getElementsByTagName("from")[0].childNodes[0].nodeValue

重要事项:getElementsByTagName会返回一个节点数组。此数组含有XML文档中拥有指定名称的所有元素。在这例子中,只有一个"from"元素,但是仍然需要设定数组的下标( [0] )。

解析一个XML字符串 - 跨浏览器的实例

下面的代码是一个跨浏览器的实例,向我们展示了如何加载和解析某个XML字符串:

<html>
<body>
<script type="text/javascript">
var text="<note>";
text=text+"<to>Tove</to>";
text=text+"<from>Jani</from>";
text=text+"<heading>Reminder</heading>";
text=text+"<body>Don't forget me this weekend!</body>";
text=text+"</note>";
// 用于 IE 的代码:
if (window.ActiveXObject)
  {
  var doc=new ActiveXObject("Microsoft.XMLDOM");
  doc.async="false";
  doc.loadXML(text);
  }
// 用于 Mozilla, Firefox, Opera, 等浏览器的代码:
else
  {
  var parser=new DOMParser();
  var doc=parser.parseFromString(text,"text/xml");
  }
// documentElement 提交根元素:
var x=doc.documentElement;
document.write("Text of first child element: ");
document.write(x.childNodes[0].childNodes[0].nodeValue);
document.write("<br />");
document.write("Text of second child element: ");
document.write(x.childNodes[1].childNodes[0].nodeValue);
</script>
</body>
</html>

输出:

Text of first child element: Tove
Text of second child element: Jani

注释:Internet Explorer使用loadXML()方法解析XML字符串,而Mozilla浏览器使用DOMParser对象。

时间: 2024-10-06 07:12:02

XML入门教程:XML 解析器的相关文章

XML入门教程:XML CDATA

xml|教程|入门教程 所有XML文档中的文本均会被解析器解析. 只有CDATA区段(CDATA section)中的文本会被解析器忽略. Parsed Data XML解析器通常会解析XML文档中所有的文本. 当某个XML元素被解析时,其标签之间的文本也会被解析: <message>此文本也会被解析</message> 解析器之所以这么做是因为XML元素可包含其他的元素,就像这个例子中,其中的<name>元素包含着另外的两个元素(first 和 last): <

XML入门教程:XML 浏览器支持

xml|教程|浏览器|入门教程 几乎所有的主流浏览器均支持XML和XSLT. Mozilla Firefox 从1.0.2版本开始,Firefox就已开始支持XML和XSLT(包括CSS). Mozilla Mozilla含有用于XML解析的Expat,并支持显示XML + CSS.Mozilla同时拥有对Namespaces的某些支持. Mozilla同样可做到对XSLT的执行(XSLT implementation). Netscape 自从版本8开始,Netscape开始使用Mozilla

XML入门教程:XML DHTML 行为

dhtml|xml|教程|入门教程 Internet Explorer 5引入了DHTML行为.行为(Behaviors)是一种借助CSS的便利性向HTML元素添加DHTML功能性的方法. 行为 - 什么是行为? IE 5引入了DHTML行为(DHTML behaviors).行为(Behaviors)是一种借助CSS的便利性向HTML元素添加DHTML功能性的方法. 行为如何工作呢?通过使用XML,我们可以把行为链接到网页中的任何元素,并对元素进行操作. DHTML行为不使用<script>

XML入门教程:认识学习 XML 元素

xml|教程|入门教程 XML元素是可扩展的,它们之间是存在着某些关系. XML元素须遵守一些简单的命名规则. XML元素是可扩展的 XML元素是可被扩展,来携带更多的信息. 请看下面这个XML标签例子: <note><to>Tove</to><from>Jani</from><body>Don't forget me this weekend!</body></note> 让我们设想一下,我们创建了一个应用程

XML入门教程:了解认识XML

xml|教程|入门教程 XML被设计用来描述数据,其焦点是数据的内容. HTML被设计用来显示数据,其焦点是数据的外观. 应该掌握的基础知识: 在您继续学习之前,需要对以下知识有基本的了解: HTML / XHTML JavaScript or VBScript 什么是XML? XML指可扩展标记语言(EXtensible Markup Language) XML是一种标记语言,很类似HTML XML被设计用来描述数据 XML标签没有被预定义.您需要自行定义标签. XML使用文件类型声明(DTD

XML入门教程:服务器上的XML

xml|服务器|教程|入门教程 XML可以在不安装任何XML控件的情况下在服务器端生成. 在服务器上存储XML XML文件可被存储在服务器上,和HTML文件的存储方式是完全相同的. 启动Windows记事本,并编写以下代码行: <?xml version="1.0" encoding="ISO-8859-1"?><note> <from>Jani</from> <to>Tove</to> <

php操作xml入门之xml标签的属性分析_php技巧

本文实例讲述了php操作xml入门之xml标签的属性.分享给大家供大家参考.具体分析如下: 复制代码 代码如下: <?xml version="1.0" encoding="utf-8" standalone="yes" ?> <class>  <student id="No001" haha="美女">   <name>小乔</name>   &

php操作xml入门之xml基本介绍及xml标签元素_php技巧

本文实例讲述了php操作xml入门之xml基本介绍及xml标签元素.分享给大家供大家参考.具体分析如下: 以xml实例来讲解: 复制代码 代码如下: <?xml version="1.0" encoding="utf-8" standalone="no" ?> <class>  <student>   <name>小乔</name>   <sex>女</sex>

XML入门教程:验证XML是合法的XML

xml|教程|入门教程 拥有正确语法的XML是构成良好的XML. 通过某种DTD进行了验证的XML是合法的XML. 构成良好的XML文档 一个"构成良好"的XML文档拥有正确的语法. 一个"W构成良好"的XML文档会遵守前几章介绍过的XML语法规则: XML文档必须有根元素 XML文档必须有关闭标签 XML标签对大小写敏感 XML元素必须被正确的嵌套 XML属性必须加引号 <?xml version="1.0" encoding="