HTML中不仅含有大量的格式化语句，还到处充斥着内容数据，让人看着实在是头大。美工人员在调整界面布局时，可能会不经意的修改了内容数据；业面内容维护人员在维护数据时往往也无意的弄乱了业面布局代码。
于是乎，人们开始有意识的避免这种混乱局势。利用XML进行数据描述，在HTML中仅保留页面布局代码，这样就使得数据在界面分开，再也不会因为修改布局而丢失内容数据；亦不会在维护数据时改变页面布局。
数据与界面被分离开了，我们似乎还需要某种手段再让它们有机的结合起来。XML数据配合不同的HTML，可以给客户不同的数据浏览方式。XML数据岛就可以将XML中的数据很自然的引入到HTML中，而无需编写繁琐的代码。
下面我用实例向大家阐述。
假设我们有一个名为“Book.xml”的XML文件存图书信息，内容如下。
<?xmlversion="1.0"encoding="gb2312"?><books><bookid="0001"bookcategory="文艺"amount="150"remain="80"discount="8.7"><title>三国演义</title><author>罗贯中</author><publisher>文艺出版社</publisher><isbn>0-765-58007-8</isbn><price>80</price></book><bookid="0002"bookcategory="文艺"amount="100"remain="70"discount="9.8"><title>红楼梦</title><author>曹雪芹</author><publisher>三秦出版社</publisher><isbn>0-765-58007-9</isbn><price>22</price></book><bookid="0003"bookcategory="文艺"amount="120"remain="60"discount="8.5"><title>西游记(上下册)</title><author>吴承恩</author><publisher>人民文学出版社</publisher><isbn>0-765-58007-3</isbn><price>40.12</price></book></books>
每个图书结点(Book)都有分类，数据，余量，折扣四个属性，还有书名，作者，出版社，书号和价格五个子元素。这里仅仅是为了给大家讲述如何使用XML数据岛，故数据结构定义的很简单，数据量也不是很大。
我们想在HTML中以表格的形式，将XML中的内容显示出来。我们现在开始动手编写HTML文件。首先要在HTML中构造一个表格，用来显示图书的信息。这部分想必大家都很梳洗，我就不细讲了，我们着重的讲一下如何定义XML数据导，以及如何将数据表HTML表格进行绑定。
XML数据岛，顾名思义，它充当着数据源的作用，就是引入存储数据的XML文件，并为其分配一个ID，方便在HTML中引用。定义代码如下：
<xmlid="XMLData"src="Test07.xml"></xml>
一般性的，我们会将这句代码写在<Body>标记中。ID是其标识符，方便在HTML文件其他地方引用，src是XML数据文件的位置，可以是相对位置，也可以是一个有效的URL。在此例中是其值是“Test07.xml”，表示这是与该HTML文件存放在同一位置的一个名为“Test07.xml”的文件。
<tableid="tblbooks"datasrc="#XMLData"border=1datapagesize=2width="100%"><thead><thstyle="font-style:blod">书名</th><thstyle="font-style:blod">类别</th><thstyle="font-style:blod">书号</th><thstyle="font-style:blod">作者</th><thstyle="font-style:blod">出版社</th><thstyle="font-style:blod">定价</th><thstyle="font-style:blod">数量</th><thstyle="font-style:blod">余量</th></thead><tr><td><spandatafld="title"></span></td><td><spandatafld="bookcategory"></span></td><td><spandatafld="isbn"></span></td><td><spandatafld="author"></span></td><td><spandatafld="publisher"></span></td><td><spandatafld="price"></span></td><td><spandatafld="amount"></span></td><td><spandatafld="remain"></span></td></tr></table>
大家可以发现，在<table>标记中，我们加入了datasrc="#XMLData"，表示该表格的数据来自一个名为“XMLData”的数据岛，特别需要注意的是，在引用数据导时一定要用“＃”加上数据岛ID。
同时需要在每个单元格<td>标记中放置一个<span>标记并指定字段，如<td><span datafld="title"></span></td>，表示这个标记与title字段进行绑定，该字段值会自动的填充到<span>标记中。
版权声明：本文为博主原创文章，未经博主允许不得转载。
相关推荐
XML分页排序数据岛 将后台绑定的数据源，绑定到属性，再通过xml绑定到前台
NULL 博文链接：https://mr-lili.iteye.com/blog/406395
XML试题
通过无效地模拟功能集合，XMLDOM，XMLHTTP，XML数据岛和数据绑定，再次可耻地赢得了第一次浏览器大战。 用法 < script src =" explorerism.js " data-globalize-named-elements =" oNamedElement, txtTextBox " ...
其次还需要知道XML数据岛的相关知识。 下面我们先来看一个简单的绑定例子： 第一步先确定XML数据源 <xml ID=xmlData name=xmlData> <AUTHOR>John Smith <GENERATOR>Visual Notepad <PAGETYPE>...
文中介绍了XML的局限性，IE中数据岛的处理方式，如何对XML的数据绑定，XML的嵌套处理方式，及DSO技术的应用。
与DotNet数据对象结合的自定义数据对象设计 (一) 数据对象与DataRow ASP.NET中大结果集的分页[翻译] .net 2.0 访问Oracle －－与Sql Server的差异，注意事项，常见异常 Ado.net 与NHibernate的关系？ 动态创建数据库...
11.2.4 IE数据岛和绑定 358 11.2.5 以XML数据格式保存记录集 361 11.2.6 打开记录集 365 11.3 用XSL来设计XML 367 11.4 相关的领域 371 11.5 用于SQL Server的XML技术预览 372 11.6 小结 373 第12章 通用数据...
11.2.4 IE数据岛和绑定 358 11.2.5 以XML数据格式保存记录集 361 11.2.6 打开记录集 365 11.3 用XSL来设计XML 367 11.4 相关的领域 371 11.5 用于SQL Server的XML技术预览 372 11.6 小结 373 第12章 通用数据...
9.6.3基于数据岛的XML文档显示... 354 9.6.4 基于javascript的XML文档显示... 357 9.7 习题... 358 第10章 Ajax编程... 360 10.1 Ajax的概述... 360 10.2 ASP.NET AJAX. 360 10.3 基于XMLHttpRequest的Ajax...
• 4.5.htm if语句的嵌套之一 • 4.6.htm if语句的嵌套之二 • 4.7.htm switch语句 • 4.8.htm while循环语句 • 4.9.htm do-while循环语句 • 4.10.htm for循环...
4.3 XML数据岛············ 133 4.3.1 数据岛概述····················· 133 4.3.2 在HTML文档中载入XML文档···· 134 4.3.3 将XML数据绑定到表格输出········· 134 ...
而Hibernate 提供了一个抽象的数据服务视图，将用户对数据库的访问进行高度抽象。 Struts 是目前创建Web 应用最常用的表现层MVC 框架实现，基于Model2 的Struts 框架利用控制器和定制标签库将应用中的模型和视图分离...
Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...