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

作者：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) 无隐私数据(比如用户密码)