HTML中XML数据岛应用-优快云博客

本文链接：https://blog.youkuaiyun.com/touch_92java/article/details/1690325

<DIV> 数据岛指的是存在Html网页中的xml代码段，它在Html中形成了一个数据的集合，数据岛允许我们在Html网页中集成xml，对xml编写脚本. 数据岛有它特有的形式，由标记<xml>开始，在开始标记中要有一个ID属性，用于指定该指定数据岛的名称。(当然要以/xml结束).元素<xml>包含的内容就是xml代码。数据岛也分为2种： 1）内嵌的数据岛形式 2）外嵌的数据岛形式 说了那么多废话，还是了解以下如何对数据岛的节点进行访问和操作，毕竟在Html中使用xml才是我们需要关注的。下面进入正题： 由于数据岛的属性结构，访问数据岛类似于访问文档对象，xml文档对象是指一个拥有属性和方法的对象,我们利用这些属性和方法来访问和处理xml文档，当一个xml数据岛被读取和解析的时候，就会创建一个xml文档对象 1）数据岛对象 使用<xml id="xmlName" src="xmlUrl.xml"> 中id的值就可以建立数据岛对象,数据岛对象主要获得xml文件的一些信息 属性：Tagname -获得标签的名称，也就是"xml"这个字符串       Text    -获得数据岛中的所有数据       url     -xml的绝对路径(仅对于外嵌的数据岛,才可以利用url来获得读取xml文件的url路径和名称) 2）结点的操作  1：根结点  可以使用DocumentElement属性来访问数据岛的根元素  属性：Tagname --得到标签的名称        Text    --得到数据段落中除了标签名外的所有数据        GetAttribut -- 得到节点的属性值，如果有多个属性，可以使用     Attributes.Item(index)方法得到所需要的属性,从0开始   2：子节点   可以使用DocumentElement.childNodes.Item(Index)来访问各个子结点   (注：子节点也有Tagname和Text2个属性访问,意义参考根结点的内容，  此外可以用Length来获得子节点的数目) 下面是一个简单实例，将xml通过数据岛用Html显示出来 <?xml version="1.0" encoding="GB2312"> <学生管理>  <学生>   <学号>97001</学号>   <姓名>张三</姓名>   <性别>男</性别>   <籍贯>浙江</籍贯>  </学生>  <学生>   <学号>97002</学号>   <姓名>李四</姓名>   <性别>男</性别>   <籍贯>浙江</籍贯>  </学生>  <学生>   <学号>97005</学号>   <姓名>经典邂逅</姓名>   <性别>女</性别>   <籍贯>广东</籍贯>  </学生> </学生管理> 这个xml 保存为stu.xml,和下面的html放到同一级文件夹下 下面用外嵌的数据岛来显示xml文件 <html>  <head>   <title>    数据岛的显示   </title>  </head>  <body>   <xml id="stu" src="stu.xml"></xml>   <h2>学生信息管理</h2>   <table DATASRC=#stu border="1">    <thead>     <th>学号</th>     <th>姓名</th>     <th>性别</th>     <th>籍贯</th>    </thead>    <tr>     <td>      <div DATAFLD="学号">     </td>          <td>      <div DATAFLD="姓名">     </td>          <td>      <div DATAFLD="性别">     </td>          <td>      <div DATAFLD="籍贯">     </td>    </tr>    </table>   </body> </html> 注：加了thead标签仅仅输出一次table标题,去掉了怎样自己去实下。。就知道了 好了，另外这是IE里面使用的情况，那个知道Firefox里面使用的情况，请留言或留下链接，先谢谢了！！<IMG src=" http://blog.sina.com.cn/images/face/001.gif"> 就到这里哈。关于数据岛对象,和节点的使用例子要的便宜，留下Email，我可以给你发过去，本来想发上来的，但不知道怎么发附件。。。。。以上学习笔记资源来自网络，如果侵扰你的版权，请给我留言，我会尽快处理！<IMG src=" http://blog.sina.com.cn/images/face/023.gif"></DIV>

ajax学习--数据岛