HTML中调用XML数据实例-白红宇

HTML中调用XML数据实例

阅读量：6280 次

发布时间：2019-06-22

本文共 1070 字，大约阅读时间需要 3 分钟。

首先：我们要弄明白HTML和XML区别：

XML 不是 HTML 的替代；

XML 和 HTML 为不同的目的而设计；

XML 被设计为传输和存储数据，其焦点是数据的内容；

HTML 被设计用来显示数据，其焦点是数据的外观；

HTML 旨在显示信息，而 XML 旨在传输信息。

为了方便大家理解它们之间的差异：下面是一个简单的 HTML中调用XML数据实例：

共两个文件（放在一起哦）：

命名为：myxml.xml的文件：

<?xml version="1.0" encoding="gb2312"?>

<myfile>

<title>HTML中调用XML数据实例</title>

<author>菲菲</author>

<email>feifei@tom.com</email>

<date>2011-11-14</date>

</myfile>

命名为：ok.html的文件：

<html>

<head>

<script language="JavaScript" for="window" event="onload">

var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");

xmlDoc.async="false";

xmlDoc.load("myxml.xml");

nodes = xmlDoc.documentElement.childNodes;

title.innerText = nodes.item(0).text;

author.innerText = nodes.item(1).text;

email.innerText = nodes.item(2).text;

date.innerText = nodes.item(3).text;

</script>

<title>在HTML中调用XML数据</title>

</head>

<body bgcolor="#336600">

 标题: 

 

 作者: 

 

 电子信箱: 

 

 日期: 

 

</body>

</html>