ajax学习基础：简单介绍数据岛使用方法

人气：1410 2007-11-16

数据岛指的是存在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显示出来


<学生管理>
 <学生>
  <学号>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>