用数据岛来实现JS分页

稿源：互联网 2022-06-14 10:17:57 点击： 1557 撤稿纠错

用数据岛来实现JS分页，可自定义。

以下讨论的是和js 特效相关的用数据岛来实现JS分页教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<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>
  <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>
  <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>
  <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>
  <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>
  <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>
应有尽有的网页特效网址：<a href="http://js.alixixi.com">http://js.alixixi.com</a>
<table id="datatable" datasrc="#users" DATAPAGESIZE="10" 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>

关于用数据岛来实现JS分页的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2009061256088.shtml方便下次再访问哦。

·上一篇： 带Checkbox的列表框
·下一篇： 页面中实现运行代码

用数据岛来实现JS分页

文章分类LIST >>返回首页

最新游戏

最新新闻