当前位置：首页 > 资讯 > 技术文档

使用JS+XML（数据岛）实现分页）

时间：2020-07-23 14:12 编辑：来源：阅读：
扫一扫，手机访问

摘要：使用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 border="1" datapagesize="3" datasrc="#users" id="datatable" width="400"> 
<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 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

很明显,这些XML数据是直接放到客户端的,因此只适合以下条件的应用: 1) 数据量少 2) 无隐私数据(比如用户密码)

全部评论(0)

上一篇：基于bootstrop常用类总结(推荐)
下一篇：JS中将多个逗号替换为一个逗号的实现代码

资讯排行榜
更多>>