页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

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

发布：dxy 发布日期：2007-1-11 字体：[增加减小] 类型：转载

作者：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 全选提示:你可先修改部分代码,再按运行]

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

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

百度中搜索更多的关于使用JS+XML（数据岛）实现分页）内容，或者用Google搜索相关更多

浏览次数：载入中... 打印本文关闭本文返回首页

顶一下

文章评论

共有位脚本之家网友发表了评论我来说两句

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

文章评论

同类文章

最近更新

热点排行

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

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行