大家在展示資料的時候難免會用到**，而分頁的存在會使**看起來更簡潔。
class="table table-hover"
>
>
>
>
日期 th
>
>
小時 th
>
>
溫度 th
>
tr>
table
>
class
="table table-hover table-striped"
id="table_result"
>
"table_body_result"
>
>
>
2017-01-10
td>
>
20 td
>
>
20 td
>
tr>
>
>
2017-01-10
td>
>
20 td
>
>
20 td
>
tr>
>
>
2017-01-10
td>
>
20 td
>
>
20 td
>
tr>
tbody
>
table
>
"barcon"
name
="barcon"
>
div>
//空的div用來放分頁後的**
下面是js分頁的**
gopage(1,15);
function
gopage
(pno
, psize
)else
var currentpage
= pno
;//當前頁數
var startrow
=(currentpage
-1)* pagesize
+1;//開始顯示的行 1
var endrow
= currentpage
* pagesize
;//結束顯示的行 15
endrow
=(endrow
> num
)? num
: endrow
;//遍歷顯示資料實現分頁
下面對**進行解讀
gopage(1,15);
//指的是當前頁為第一頁，15條資料為一頁
然後計算出一共分為幾頁
var totalpage
=0;//總頁數
var pagesize
= psize
;//每頁顯示行數
if(num
/ pagesize
>
parseint
(num
/ pagesize
))else
計算開始顯示的行數，和最後顯示的行數
var currentpage
= pno
;//當前頁數
var startrow
=(currentpage
-1)* pagesize
+1;//開始顯示的行 1
var endrow
= currentpage
* pagesize
;//結束顯示的行 15
endrow
=(endrow
> num
)? num
: endrow
;遍歷顯示資料實現分頁
到此，分頁效果已經實現了。
學習更多it知識 **：
J S 實現分頁
j s 實現分頁 首先先看效果圖 實現思路 首先要獲取到 中有多少行記錄，每頁顯示的行數。我這裡每頁三行。然後在填加的操作裡加入下面 var tbody document.getelementbyid tbody var trs tbody.getelementsbytagname td if tr...
JS實現分頁
顯示內容 顯示頁碼 js實現 動態顯示翻頁資訊 function showpage function pagehelper pagenum break case 1 currpage 1 begnum currpage 1 5 endnum begnum 5 if redata.length end...
js分頁實現，前端實現。
主要是借鑑了網上乙個例子，自己重新加了樣式，新增了跳轉，修改了一些小地方，用於和大家一起分享，前端分頁的技巧，的資料是我已經寫好了，其實大家也可以前端渲染 然後再分頁，都是可以的。其實分頁最關鍵是這兩句 var startrow currentpage 1 pagesize 1 currentpag...