下面这个html读取xml并分页显示的例子,是给别人做作业的时候写的(靠,这小子太懒了,居然找人做考试题)。例子如下:
data.xml文件如下:
<?xml version="1.0" encoding="gb2312"?>
<通讯录>
<学生 学号="S101">
<姓名>李正如</姓名>
<地址>合肥市</地址>
<QQ>666666</QQ>
<专业>计算机</专业>
</学生>
<学生 学号="S102">
<姓名>张广平</姓名>
<地址>滁州市</地址>
<QQ>888888</QQ>
<专业>计算机</专业>
</学生>
<学生 学号="S103">
<姓名>陈艳</姓名>
<地址>铜陵市</地址>
<QQ>111111</QQ>
<专业>网络</专业>
</学生>
<学生 学号="S104">
<姓名>李强</姓名>
<地址>郑州市</地址>
<QQ/>
<专业>网络</专业>
</学生>
</通讯录>
data.html文件如下:
<html>
<head>
<title>通讯录</title>
<xml src="data.xml" id="xmldso" async="false"></xml>
</head>
<body>
<table id="tb2" datasrc="#xmldso" width="100%" border="1" datapagesize="3" >
<thead>
<th>学号</th>
<th>姓名</th>
<th>地址</th>
<th>QQ</th>
<th>专业</th>
</thead>
<tr align="left">
<td><span datafld="学号"></span></td>
<td><span datafld="姓名"></span></td>
<td><span datafld="地址"></span></td>
<td><span datafld="QQ"></span></td>
<td><span datafld="专业"></span></td>
</tr></table>
<INPUT TYPE="button" VALUE="第一页" ONCLICK='document.getElementById("tb2").firstPage();'>
<INPUT TYPE="button" VALUE="前一页" ONCLICK='document.getElementById("tb2").previousPage();'>
<INPUT TYPE="button" VALUE="后一页" ONCLICK='document.getElementById("tb2").nextPage();'>
<INPUT TYPE="button" VALUE="最后一页" ONCLICK='document.getElementById("tb2").lastPage();'>
</body>
</html>