html做成分页,静态html分页

无标题文档

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 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 < pageSize; i++) {

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

}

showPage();

preText();

nextLink();

lastLink();

}

//最后一页

function last() {

hideTable();

page = pageCount();

currentRow = pageSize * (page - 1);

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

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

}

showPage();

preLink();

nextText();

firstLink();

}

function hideTable() {

for (var i = 0; i < numberRowsInTable; i++) {

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

}

}

function showPage() {

pageNum.innerHTML = page;

}

//总共页数

function pageCount() {

var count = 0;

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

return parseInt(numberRowsInTable / pageSize) + count;

}

//显示链接

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

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

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

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

function firstLink() { spanFirst.innerHTML = "首页"; }

function firstText() { spanFirst.innerHTML = "首页"; }

function lastLink() { spanLast.innerHTML = "尾页"; }

function lastText() { spanLast.innerHTML = "尾页"; }

//隐藏表格

function hide() {

for (var i = pageSize; i < numberRowsInTable; i++) {

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

}

totalPage.innerHTML = pageCount();

pageNum.innerHTML = '1';

nextLink();

lastLink();

}

hide();