易网时代-编程资源站
Welcome
微信登录
编程资源
图片资源库
蚂蚁家优选
PDF转换器
软件资源
软件开发
、
小程序制作
、
系统集成与运维
、
空间租用
、
硬件开发
、
视频监控
、
技术咨询与支持
——联系电话：0311-88999002/88999003
首页
/
脚本样式
/
JavaScript
/
使用JS+XML（数据岛）实现分页）
作者：bencalie 整理日期：2004年6月15日
<xml id="users"> <userGroup> <user> <userid>user 1</userid> <name>name 1</name> </user> <user> <userid>user 2</userid> <name>name 2</name> </user> <user> <userid>user 3</userid> <name>name 3</name> </user> <user> <userid>user 4</userid> <name>name 4</name> </user> <user> <userid>user 5</userid> <name>name 5</name> </user> <user> <userid>user 6</userid> <name>name 7</name> </user> <user> <userid>user 7</userid> <name>name 7</name> </user> <user> <userid>user 8</userid> <name>name 8</name> </user> <user> <userid>user 9</userid> <name>name 9</name> </user> </userGroup> </xml> <table id="datatable" datasrc="#users" DATAPAGESIZE="3" width="400" border="1"> <tr> <td><span datafld="userid"></span></td> <td><span datafld="name"></span></td> </tr> </table> <button onclick="document.all.datatable.previousPage（）">Previous Page</button> <button onclick="document.all.datatable.nextPage（）">Next Page</button>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
很明显,这些XML数据是直接放到客户端的,因此只适合以下条件的应用:
1） 数据量少
2） 无隐私数据（比如用户密码）
收藏该网址
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站