第一页 上一页 下一页 最后一页 第页/共页
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表格分页
发布评论