摘要： HTML 是目前常用的网页标识语言，而 XML 的优点在于能有效地存贮各种形式的数据，它克服了 HTML 表达能力差的缺点。本文对在一个 HTML 文档中插入 XML 数据，并在 IE5 浏览器中显示的两种常见的策略（数据绑定、 DOM ）进行了深入的探讨。
关键词： HTML XML DOM DSO 数据绑定
XML 的全名是 eXtenxible Markup Language （可以延伸或扩展的标记语言），它的语法类似 HTML ，都是用标签来描述数据。 HTML 的标签是固定的，我们只能使用、不能修改； XML 则不同，它没有预先定义好的标签可以使用，而是依据设计上的需要，自行定义标签。所以在电子商务的网络时代，用 XML 来组织数据，再用 HTML 页面来显示，将是设计网页的新方向。
本文主要对两种在 HTML 中存贮并显示 XML 文档数据的策略（数据绑定、 DOM ）进行探讨。
一、 数据绑定（ Data Binding ）技术
数据绑定技术适用于结构规则的 XML 文档，它对 XML 文档的数据用类似于关系数据库的技术进行处理。
例如，有一个关于产品目录的 XML 文档（ product.xml ）结构如下：
……
00001
football
50
……
……
按下面介绍的两个步骤，可将 XML 文档和 HTML 文档绑定，并在 IE5 中显示 XML 文档的数据。
1． 把一个 XML 文档连接到一个 HTML 文档中
方法一：将整个 XML 文档插入至 HTML 文档中，其形式如下：
product decription
…… ‘ 将以上的 product.xml 文档的内容插入至该处
……
方法二：只将一个对 XML 文档的引用插入至 HTML 文档中，其形式如下：
product decription
‘ 用 src 指出引用的 XML 文档源
……
方法二的好处在于：它将 XML 文档的数据和 HTML 的显示格式分开，便于用户进行维护。而且，多个 HTML 文档可以共享一个 XML 文档。
当 IE5 打开一个 HTML 文档时，其内置的 XML 处理器会读取和分析页面中已连接的 XML 文档，然后产生一个数据源对象（ DSO ，全称是 Data Source Object ），以便存贮和读取数据。 DSO 在存贮 XML 文档中的数据时，会将元素解释成记录和字段的集合，并自动抽取 XML 元素的数据和处理所有的显示细节。
2 ．将标准的 HTML 元素（例如 TABLE 、 SPAN 等）和 XML 元素绑定
方法一：表数据绑定，即将 HTML 的 TABLE 元素和 XML 数据绑定，以便在 IE5 中用表格的形式一次性地显示整个 XML 文档的数据。
其形式如下：
……
productid
……
‘ 显示表格的标题
‘ 在表格单元格中显示 productid 的内容
……
……
方法二：单一记录数据绑定，即将 HTML 元素（如 SPAN 、 BUTTON 或 LABEL 等非表格元素）和 XML 文档中的一个单一的字段进行绑定，以便在 IE5 中一次只显示一条记录的内容。此时，为了浏览方便，最好在页面中增加关于记录的导航按钮。
其形式如下：
……
ProductID ‘ 显示标题
STYLE=”font-weight:bold”>
‘ 显示 productid 的内容
……
‘ 产生一个向前导航的按钮
……
注意：当用数据绑定技术显示 XML 文档数据时，如果 XML 元素中有参数，则 DSO 会将该元素处理成层次型的记录。例如： product.xml 文档中的“ PRODUCTNAME ”元素有一个“ Supplier ”参数，则 DSO 会将该元素处理成下面的形式：
fuller
<$TEXT>football
此时，必须用 $TEXT 作为字段名来读取“ football ”数据，其形式如下：
……
……
二、 DOM 技术
1 ． DOM 技术的特点
DOM 是 XML Document Object Model 的简称。它是 XML 文档和 HTML 文档的接口，其中包含一系列代表 XML 文档不同部件的程序对象。利用这些对象的属性和方法，并使用脚本语言（如 VBScript 或 JavaScript 等）编制成脚本后，就可以在一个 HTML 页面中显示 XML 文档的数据。虽然利用 DOM 技术比数据绑定技术复杂，但它可以处理及显示结构规则或不规则的 XML 文档中任意部件（如元素、参数、处理指示、注释、实体和标记等）的数据内容，
和数据绑定技术类似，要使用 DOM 技术，必须首先对 XML 文档源进行引用：
‘ 对 XML 文档源的引用
接着，就可以利用 DSO 的 XMLDocument 成员使用 DOM ：
Document=product.XMLDocument
作为 W3C 的标准接口规范，目前， DOM 由三部分组成，包括：核心（ core ）、 HTML 和 XML 。核心部分是结构化文档比较底层对象的集合，这一部分所定义的对象已经完全可以表达出任何 HTML 和 XML 文档中的数据。 HTML 接口和 XML 接口两部分则是专为操作具体的 HTML 文档和 XML 文档而提供的高级接口，它们可以使得对这两类文件的操作更加方便。
当 DOM 对 XML 文档进行分析之后，不管这个文档有多简单或者多复杂，其中的信息都会被转化成一棵对象节点树（如图 1 ）。在这棵节点树中，有一个名为 Document 根节点，所有其他的节点都是根节点的后代节点。 DOM 实际上是利用对象来把文档模型化，这些模型不仅描述了文档的结构，还定义了模型中对象的行为。换句话说，图 1 中的节点不是数据结构，而是对象。 DOM 接口利用对象中包含的方法和属性，就可以访问、修改、添加、删除、创建树中的节点和内容。
目前，有三种途经可以在 IE5 中显示 XML 文档的数据：样式单、数据绑定及 DOM 。样式单的特点是单独设计一个用于处理显示格式的样式单（ CSS 样式单或 XSL 样式单），然后在 XML 文档中对样式单进行引用；而后面两种技术的特点是利用 HTML 文档对 XML 存贮的数据进行显示，这样，可以将 XML 和 HTML 相结合，充分利用 XML 和 HTML 各自的优点。
中财网