js实现分页

html：

　　<div id="setpage"></div> 

　　<script type="text/javascript" src="./fenye.js"> </script>

 

fenye.js：

　　

var totalpage,pagesize,cpage,countNum,curcount,outstr;
//初始化
cpage = 1;
totalpage = 56;
pagesize = 10;
outstr = "";
function gotopage(target)
{
cpage = target; //把页面计数定位到第几页
setpage();
//reloadpage(target); //调用显示页面函数显示第几页,这个功能是用在页面内容用ajax载入的情况
}
function setpage()
{
if(totalpage<=10){ //总页数小于十页
for (countNum=1;countNum<=totalpage;countNum++)
{ if(countNum!=cpage)
{
outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+countNum+")'>"+countNum+"</a>";
}else{
outstr = outstr + "<span class='current' >"+countNum+"</span>";
}
}
}
if(totalpage>10){ //总页数大于十页
if(parseInt((cpage-1)/10) == 0) //11、21、31、41...
{
for (countNum=1;countNum<=10;countNum++)
{ if(countNum!=cpage)
{
outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+countNum+")'>"+countNum+"</a>";
}else{
outstr = outstr + "<span class='current'>"+countNum+"</span>";
}
}
outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+countNum+")'> next </a>";
}
else if(parseInt((cpage-1)/10) == parseInt(totalpage/10))
{
outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+(parseInt((cpage-1)/10)*10)+")'>previous</a>";
for (countNum=parseInt(totalpage/10)*10+1;countNum<=totalpage;countNum++)
{ if(countNum!=cpage)
{
outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+countNum+")'>"+countNum+"</a>";
}else{
outstr = outstr + "<span class='current'>"+countNum+"</span>";
}
}
}
else
{
outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+(parseInt((cpage-1)/10)*10)+")'>previous</a>";
for (countNum=parseInt((cpage-1)/10)*10+1;countNum<=parseInt((cpage-1)/10)*10+10;countNum++)
{
if(countNum!=cpage)
{
outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+countNum+")'>"+countNum+"</a>";
}else{
outstr = outstr + "<span class='current'>"+countNum+"</span>";
}
}
outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+countNum+")'> next </a>";
}
}
document.getElementById("setpage").innerHTML = "<div id='setpageInner'><span id='info'>共"+totalpage+"页|第"+cpage+"页<\/span>" + outstr + "<\/div>";
outstr = "";
}
setpage(); //调用分页