快捷導(dǎo)航

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

更新時(shí)間：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需再刷新一下頁(yè)面才能執(zhí)行]

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

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

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

相關(guān)文章

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