html读取xml并分页显示

2010-5-27 寒川 网页编程

下面这个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> 

标签: html xml 分页

评论:

小松
2010-06-13 17:59
哈哈,我得到粽子了,哈哈~
搜搜
2010-05-27 23:08
能不能读取TXT文件
淘气堡
2010-05-27 20:27
我Kao
第一次见到Table有datasrc和datapagesize这两个属性。
不过,我把datapagesize改成1,好像没什么变化。

加的链接,是朋友一个站。
俺的博客是www.ropean.org

如果可以,跟贵站交换下链接。

发表评论:

Powered by emlog 蜀ICP备12030225号

川公网安备 51042102000001号

sitemap