js实现分页

JavaScript08

js实现分页,第1张

然后计算出一共分为几页

计算开始显示的行数,和最后显示的行数

遍历显示数据实现分页

实现最下方的显示,第几页,上一页,下一页

当前页为第一页时,上一页没有点击事件

当前页为最后一页时,下一页没有点击事件

否则,上一页和下一页均可使用,点击某一页会跳转到那一页

到此,分页效果已经实现了。

思路:页面中放一个隐藏变量记录当前的页面序号,下一页就是取出当前号+1,上一页就取出当前号-1

<html>

<head>

</head>

<body>

paper78-01-01.htm

<input type="hidden" name="pagenumber" value="01">

<a href="javascript:goPrevious()">上一页<a/><a href="javascript:goNext()">下一页<a/>

<script type="text/javascript">

//下一页

function goNext(){

goPage(parseInt(document.all.item("pagenumber").value)+1)

}

//上一页

function goPrevious(){

goPage(parseInt(document.all.item("pagenumber").value)-1)

}

//进入页号为pageNumber的页面

function goPage(pagenumber){

if(pagenumber<1) {alert("到了首页")return}

if(pagenumber>3) {alert("到了第三页了")return}

if(pagenumber<10) pagenumber = "0"+pagenumber

window.location.href="paper78-01-"+pagenumber+".htm"

}

</script>

</body>

<html>