使用JS+XML（數(shù)據(jù)島）實現(xiàn)分頁）

更新時間：2007年01月11日 00:00:00 作者：

作者：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需再刷新一下頁面才能執(zhí)行]

很明顯,這些XML數(shù)據(jù)是直接放到客戶端的,因此只適合以下條件的應(yīng)用:

1) 數(shù)據(jù)量少
2) 無隱私數(shù)據(jù)(比如用戶密碼)

使用JS+XML（數(shù)據(jù)島）實現(xiàn)分頁）

相關(guān)文章

JavaScript編寫九九乘法表（兩種任選）
本文主要介紹了JavaScript編寫九九乘法表的兩種方法，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
js string 轉(zhuǎn) int 注意的問題小結(jié)
Javascript將string類型轉(zhuǎn)換int類型的過程中總會出現(xiàn)不如意的問題，下面為大家介紹下js string轉(zhuǎn)int的一些注意的問題，感興趣的朋友可以參考下
2013-08-08
uniapp微信小程序使用xr加載模型的操作方法
這篇文章主要介紹了uniapp微信小程序使用xr加載模型的操作方法,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧
2024-07-07
javascript下with 的簡化代碼寫法
with 語句通常用來縮短特定情形下必須寫的代碼量。在下面的例子中，請注意 Math 的重復(fù)使用
2008-02-02
JS 頁面自動加載函數(shù)(兼容多瀏覽器)
兼容多個瀏覽器的自動加載函數(shù)。
2009-05-05
JS對img標簽進行優(yōu)化使用onerror顯示默認圖像
這篇文章主要介紹了JS對img標簽進行優(yōu)化使用onerror顯示默認圖像,需要的朋友可以參考下
2014-04-04
js計算字符串長度包含的中文是utf8格式
使用js寫的計算字符串長度且其中中文是utf8格式的，具體的實現(xiàn)如下，感興趣的朋友可以參考下
2013-10-10
深入認識javascript中的eval函數(shù)
發(fā)現(xiàn)為本文起一個合適的標題還不是那么容易，呵呵，所以在此先說明下本文的兩個目的.
2009-11-11
微信小程序 rich-text的使用方法
這篇文章主要介紹了微信小程序 rich-text的使用方法的相關(guān)資料,這里提供屬性及方法并實現(xiàn)實例，幫助大家學(xué)習(xí)理解，需要的朋友可以參考下
2017-08-08
TypeScript新特性之using關(guān)鍵字的使用方法
TypeScript 5.2版本中新添加了using關(guān)鍵字,目前該關(guān)鍵字的提案也進入了ECMAScript的Stage 3,也就是說很快就會進入JavaScript語言本身中,using和const, let和var一樣都是用于變量聲明的,那么它到底有什么與眾不同的地方呢,本文給大家介紹的非常詳細
2023-11-11