XML应用程序

作者: 青苹果工作室   
这一章演示了一个XML应用程序的小框架。
从一个XML文档开始 
首先我们从一个简单的XML文档开始。现在来看看我们最初的演示文档--CD 目录:


  < ?xml version="1.0"?>
   < CATALOG>
   < CD>
   < TITLE>Empire Burlesque< /TITLE>
   < ARTIST>Bob Dylan< /ARTIST>
   < COUNTRY>USA< /COUNTRY>
   < COMPANY>Columbia< /COMPANY>
   < PRICE>10.90< /PRICE>
   < YEAR>1985< /YEAR>
   < /CD>
   .
   .
   ... more ...
   .

   如果你有Iternet Explorer 5.0 或更高版本,点击这里可以看到完整的XML 文件。
将文档装载到一个数据岛中
可以用一个数据岛来访问XML文件。要在一个HTML页面内部得到你的XML 文档,向页面中增加一个XML数据岛。



   < xml src="cd_catalog.xml" id="xmldso" async="false">
   < /xml>



   用上面例子的代码,XML 文件"cd_catalog.xml" 将被装载到一个不可视的称为"xmldso"的数据岛中。将async="false" 属性增加到数据库中,这样可以保证在进行其它的HTML处理之前,将所有的XML数据都装载进去。



   将数据岛捆绑到一个HTML 表格



   可以用一个HTML表格来显示XML数据。要使你的XML数据在HTML页面中可视,就必须将你的XML数据岛捆绑到一个HTML元素中。要将你的XML数据捆绑到一个HTML表格,向表格中增加一个数据源属性,并向表格数据内部的< span>元素增加数据域属性:



   < table datasrc="#xmldso" width="100%" border="1">


   < thead>
   < th>Title< /th>
   < th>Artist< /th>
   < th>Year< /th>
   < /thead>


   < tr align="left">
   < td>< span datafld="TITLE">< /span>< /td>
   < td>< span datafld="ARTIST">< /span>< /td>
   < td>< span datafld="YEAR">< /span>< /td>
   < /tr>
   < /table>

   如果你有Internet Explorer 5.0或更高版本,点击这里可以看到XML数据是如何在一个HTML表格内部显示的。



   将数据岛捆绑到< span> 或 < div> 元素



   可以用< span>或< div> 元素来显示XML数据。你不必用一个表格去显示XML 数据。一个数据岛中的数据可以在一个HTML页面的任何地方进行显示。你只需要向你的页面中增加一些< span> 或< div> 元素。用数据源属性将元素捆绑到数据岛,用数据域属性将各个元素捆绑到一个XML元素,象这样:



   < br>Title:
   < span datasrc="#xmldso" datafld="TITLE">< /span>
   < br>Artist:
   < span datasrc="#xmldso" datafld="ARTIST">< /span>
   < br>Year:
   < span datasrc="#xmldso" datafld="YEAR">< /span>
或这样:
      < br>Title:
   < div datasrc="#xmldso" datafld="TITLE">< /div>
   < br>Artist:
   < div datasrc="#xmldso" datafld="ARTIST">< /div>
   < br>Year:
   < div datasrc="#xmldso" datafld="YEAR">< /div>

   如果你有Internet Explorer 5.0或更高版本,点击这里就可以看到XML 数据是如何在HTML元素内部显示的。注意:如果你使用了一个< div>元素,就在新的一行中显示数据。用上面的例子,你将只能看到你的XML数据中的一行。要移到数据的下一行,必须向代码中增加一些脚本

转载于:https://www.cnblogs.com/hnlenovo/archive/2008/01/23/1049939.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值