数据岛

绑定在XML文件的标签中的数据(集合)成为数据岛
XML数据岛可以在HTML中显示出来

DSO: Date Source Object
Recordset对象的属性和方法
属性:BOF  如果当前记录位于第一条前就为ture
      EOF  如果当前记录位于最后一条后就为ture
      absolutePosition  返回当前记录的位置
      maxRecords  指定查询返回的最大记录数
      pageSize  制定页面可以包含的记录数
      pageCount  返回记录集所包含的页数
      recordCount  返回记录集中的记录数

方法:moveFirst  移动到第一条记录
      moveLast  移动到最后一条记录
      movePrevious 移动到上一条记录
      moveNext     移动到下一跳记录
      move         移动到当前记录
      addNew       新增一条记录
      delete       删除当前记录

下面是一个简单的例子:
1:users.xml文件
<?xml version="1.0" encoding="UTF-8"?>
<users>
<user id="1">
<name>罗伟</name>
<age>24</age>
<sex>男</sex>
</user>
<user id="2">
<name>张娜拉</name>
<age>27</age>
<sex>女</sex>
</user>
<user id="3">
<name>微微</name>
<age>32</age>
<sex>女</sex>
</user>
</users>

2:users.html文件(显示在text中)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>users</title>
<xml id="users" src="users.xml"></xml>
<script type="text/javascript" language="javascript">
function firstrec(){
users.recordset.moveFirst();
}

function lastrec(){
users.recordset.moveLast();
}

function previousrec(){
if(!users.recordset.BOF){
users.recordset.movePrevious();
if(users.recordset.BOF){
users.recordset.moveFirst();
}
}
}

function nextrec(){
if(!users.recordset.EOF){
users.recordset.moveNext();
if(users.recordset.EOF){
users.recordset.moveLast();
}
}
}
</script>
</head>
<body>

<center>
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>姓名:</td>
<td><input type="text" datasrc="#users" datafld="name"/></td>
</tr>
<tr>
<td>年龄:</td>
<td><input type="text" datasrc="#users" datafld="age"/></td>
</tr>
<tr>
<td>性别:</td>
<td><input type="text" datasrc="#users" datafld="sex"/></td>
</tr>
<tr>
<td colspan="2" align="center">
<button onclick="firstrec()">&lt;&lt;</button>
<button onclick="previousrec()">&lt;</button>
<button onclick="nextrec()">&gt;</button>
<button onclick="lastrec()">&gt;&gt;</button>
</td>
</tr>
</table>

</center>

</body>
</html>

3.table.html文件(以表格的形式一次显示出来)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>table</title>
<xml id="users" src="users.xml"></xml
</head>
<body>
<center>
<table id="user" datasrc="#users" align="center" border="1" bordercolor="#6699ff" width="50%" cellpadding="0" cellspacing="0">
<thead>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</thead>
<tr>
<td><div datafld="name"></div></td>
<td><div datafld="age"></div></td>
<td><div datafld="sex"></div></td>
</tr>

</table>

</center>
</body>
</html>

你可能感兴趣的:(html,xml)