無標題文檔

第一頁 上一頁 下一頁 最后一頁 第頁/共頁

lishewen

1	算神	?	?	?
2	?	?	?	?
3	?	?	?	?
4	?	?	?	?
5	黎攝文	?	?	?
6	?	?	?	?
7	?	?	?	?
8	?	?	?	?
9	?	?	?	?
10	?	?	?	?
11	?	?	?	?

第一頁

上一頁

下一頁

最后一頁

第頁/共頁

// JavaScript Document By lishewen

var theTable = document.getElementById("tablelsw");

var totalPage = document.getElementById("spanTotalPage");

var pageNum = document.getElementById("spanPageNum");

var spanPre = document.getElementById("spanPre");

var spanNext = document.getElementById("spanNext");

var spanFirst = document.getElementById("spanFirst");

var spanLast = document.getElementById("spanLast");

var totalPaget = document.getElementById("spanTotalPaget");

var pageNumt = document.getElementById("spanPageNumt");

var spanPret = document.getElementById("spanPret");

var spanNextt = document.getElementById("spanNextt");

var spanFirstt = document.getElementById("spanFirstt");

var spanLastt = document.getElementById("spanLastt");

var numberRowsInTable = theTable.rows.length;

var pageSize = 4;

var page = 1;

//下一頁

function next(){

hideTable();

currentRow = pageSize * page;

maxRow = currentRow + pageSize;

if ( maxRow > numberRowsInTable ) maxRow = numberRowsInTable;

for ( var i = currentRow; i< maxRow; i++ ){

theTable.rows[i].style.display = '';

}

page++;

if ( maxRow == numberRowsInTable ) { nextText(); lastText(); }

showPage();

preLink();

firstLink();

}

//上一頁

function pre(){

hideTable();

page--;

currentRow = pageSize * page;

maxRow = currentRow - pageSize;

if ( currentRow > numberRowsInTable ) currentRow = numberRowsInTable;

for ( var i = maxRow; i< currentRow; i++ ){

theTable.rows[i].style.display = '';

}

if ( maxRow == 0 ){ preText(); firstText(); }

showPage();

nextLink();

lastLink();

}

//第一頁

function first(){

hideTable();

page = 1;

for ( var i = 0; i

theTable.rows[i].style.display = '';

}

showPage();

preText();

nextLink();

lastLink();

}

//最后一頁

function last(){

hideTable();

page = pageCount();

currentRow = pageSize * (page - 1);

for ( var i = currentRow; i

theTable.rows[i].style.display = '';

}

showPage();

preLink();

nextText();

firstLink();

}

function hideTable(){

for ( var i = 0; i

theTable.rows[i].style.display = 'none';

}

}

function showPage(){

pageNum.innerHTML = page;

pageNumt.innerHTML = page;

}

//總共頁數

function pageCount(){

var count = 0;

if ( numberRowsInTable%pageSize != 0 ) count = 1;

return parseInt(numberRowsInTable/pageSize) + count;

}

//顯示鏈接

function preLink(){ spanPre.innerHTML = "上一頁"; spanPret.innerHTML = "上一頁";}

function preText(){ spanPre.innerHTML = "上一頁"; spanPret.innerHTML = "上一頁"; }

function nextLink(){ spanNext.innerHTML = "下一頁"; spanNextt.innerHTML = "下一頁";}

function nextText(){ spanNext.innerHTML = "下一頁"; spanNextt.innerHTML = "下一頁";}

function firstLink(){ spanFirst.innerHTML = "第一頁"; spanFirstt.innerHTML = "第一頁";}

function firstText(){ spanFirst.innerHTML = "第一頁"; spanFirstt.innerHTML = "第一頁";}

function lastLink(){ spanLast.innerHTML = "最后一頁"; spanLastt.innerHTML = "最后一頁";}

function lastText(){ spanLast.innerHTML = "最后一頁"; spanLastt.innerHTML = "最后一頁";}

//隱藏表格

function hide(){

for ( var i = pageSize; i

theTable.rows[i].style.display = 'none';

}

totalPage.innerHTML = pageCount();

pageNum.innerHTML = '1';

totalPaget.innerHTML = pageCount();

pageNumt.innerHTML = '1';

nextLink();

lastLink();

}

hide();

總結

以上是生活随笔為你收集整理的html的带分页的表格写法,Html表格分页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。