JS+XML数据岛实现分页功能

<xml id="users">
<userGroup>
<user>
<userid>user1</userid>
<name>name1</name>
</user>
<user>
<userid>user2</userid>
<name>name2</name>
</user>
<user>
<userid>user3</userid>
<name>name3</name>
</user>
<user>
<userid>user4</userid>
<name>name4</name>
</user>
<user>
<userid>user5</userid>
<name>name5</name>
</user>
<user>
<userid>user6</userid>
<name>name6</name>
</user>
<user>
<userid>user7</userid>
<name>name7</name>
</user>
<user>
<userid>user8</userid>
<name>name8</name>
</user>
<user>
<userid>user9</userid>
<name>name9</name>
</user>
<user>
<userid>user10</userid>
<name>name10</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 οnclick="document.all.datatable.firstPage()">First Page</button>
<button οnclick="document.all.datatable.previousPage()">Previous Page</button>
<button οnclick="document.all.datatable.nextPage()">Next Page</button>
<button οnclick="document.all.datatable.lastPage()">Last Page</button>
注:此方法适用于数据相对不是很大的情况,如果海量数据的话,会造成页面加载速度过慢.