分页js

page跳转的页,total总条数,datalength当前页有几条,show该哪个页码被选中

function spellPage(page,total,datalength,show){

page = parseInt(page);
$("#page").val(page);
var rows = parseInt($("#rows").val());//每页显示条数
var pagecount= parseInt((total  +  rows  - 1) / rows); //总页数
if(total==0){pagecount=1;datalength=0;}
$("#pagecount").val(pagecount);
//alert(page+","+show);

var jshtml2="<ul class='pagination' oncontextmenu='self.event.returnValue=false' onselectstart='return false' >";
if(show==1){
jshtml2+="<li  class='disabled'><span >首页</span></li>";

jshtml2+="<li  class='disabled'><span  >上一页</span></li>";

jshtml2+="<li  class='active'><span onclick="getPageList("+page+",1)">"+page+"</span></li>";

if((page+1)<=pagecount){jshtml2+="<li><span onclick="getPageList("+(page+1)+",2)">"+(page+1)+"</span></li>";}

if((page+2)<=pagecount){jshtml2+="<li><span onclick="getPageList("+(page+2)+",3)">"+(page+2)+"</span></li>";}

if((page+3)<=pagecount){jshtml2+="<li><span onclick="getPageList("+(page+3)+",4)">"+(page+3)+"</span></li>";}

if((page+4)<pagecount){jshtml2+="<li><span onclick="getPageList("+(page+4)+",4)">"+(page+4)+"</span></li>";}
else if((page+4)==pagecount){jshtml2+="<li><span onclick="getPageList("+(page+4)+",5)">"+(page+4)+"</span></li>";}

if((page+1)<=pagecount){jshtml2+="<li><span  onclick="getPageList("+(page+1)+",2)">下一页</span></li>";}
else if((page+1)>pagecount){jshtml2+="<li class='disabled'><span >下一页</span></li>";}

if(pagecount==1){jshtml2+="<li class='disabled'><span >末页</span></li>";}
else if(pagecount<=4){jshtml2+="<li><span onclick="getPageList("+pagecount+","+pagecount+")" >末页</span></li>";}
else if(pagecount>=5){jshtml2+="<li><span onclick="getPageList("+pagecount+",5)" >末页</span></li>";}
}
else if(show==2){
jshtml2+="<li ><span onclick="getPageList(1,1)">首页</span></li>";

if((page-1)>1){jshtml2+="<li ><span  onclick="getPageList("+(page-1)+",2)">上一页</span></li>";}
else if((page-1)==1){jshtml2+="<li ><span  onclick="getPageList("+(page-1)+",1)">上一页</span></li>";}

if((page-1)>1){jshtml2+="<li  ><span onclick="getPageList("+(page-1)+",2)">"+(page-1)+"</span></li>";}
else if((page-1)==1){jshtml2+="<li  ><span onclick="getPageList("+(page-1)+",1)">"+(page-1)+"</span></li>";}

if((page)<=pagecount){jshtml2+="<li  class='active'><span onclick="getPageList("+page+",2)">"+page+"</span></li>";}

if((page+1)<=pagecount){jshtml2+="<li  ><span onclick="getPageList("+(page+1)+",3)">"+(page+1)+"</span></li>";}

if((page+2)<=pagecount){jshtml2+="<li  ><span onclick="getPageList("+(page+2)+",4)">"+(page+2)+"</span></li>";}

if((page+3)<pagecount){jshtml2+="<li  ><span onclick="getPageList("+(page+3)+",4)">"+(page+3)+"</span></li>";}
else if((page+3)==pagecount){jshtml2+="<li  ><span onclick="getPageList("+(page+3)+",5)">"+(page+3)+"</span></li>";}

if((page+1)<=pagecount){jshtml2+="<li ><span  onclick="getPageList("+(page+1)+",3)">下一页</span></li>";}
else if((page+1)>pagecount){jshtml2+="<li class='disabled'><span >下一页</span></li>";}

if(pagecount==2){jshtml2+="<li class='disabled'><span >末页</span></li>";}
else if(pagecount<=4){jshtml2+="<li><span onclick="getPageList("+pagecount+","+pagecount+")" >末页</span></li>";}
else if(pagecount>=5){jshtml2+="<li><span onclick="getPageList("+pagecount+",5)" >末页</span></li>";}

}
else if(show==3){
jshtml2+="<li ><span onclick="getPageList(1,1)">首页</span></li>";

jshtml2+="<li ><span  onclick="getPageList("+(page-1)+",2)">上一页</span></li>";

if((page-2)>1){jshtml2+="<li ><span onclick="getPageList("+(page-2)+",2)">"+(page-2)+"</span></li>";}
else if((page-2)==1){jshtml2+="<li  ><span onclick="getPageList("+(page-2)+",1)">"+(page-2)+"</span></li>";}

jshtml2+="<li ><span onclick="getPageList("+(page-1)+",2)">"+(page-1)+"</span></li>";

if((page)<=pagecount){jshtml2+="<li  class='active'><span onclick="getPageList("+page+",3)">"+page+"</span></li>";}

if((page+1)<=pagecount){jshtml2+="<li  ><span onclick="getPageList("+(page+1)+",4)">"+(page+1)+"</span></li>";}

if((page+2)<pagecount){jshtml2+="<li  ><span onclick="getPageList("+(page+2)+",4)">"+(page+2)+"</span></li>";}
else if((page+2)==pagecount){jshtml2+="<li  ><span onclick="getPageList("+(page+2)+",5)">"+(page+2)+"</span></li>";}

if((page+1)<=pagecount){jshtml2+="<li ><span  onclick="getPageList("+(page+1)+",4)">下一页</span></li>";}
else if((page+1)>pagecount){jshtml2+="<li class='disabled'><span >下一页</span></li>";}

if(pagecount==3){jshtml2+="<li class='disabled'><span >末页</span></li>";}
else if(pagecount<=4){jshtml2+="<li><span onclick="getPageList("+pagecount+","+pagecount+")" >末页</span></li>";}
else if(pagecount>=5){jshtml2+="<li><span onclick="getPageList("+pagecount+",5)" >末页</span></li>";}
}
else if(show==4){
jshtml2+="<li ><span onclick="getPageList(1,1)">首页</span></li>";

jshtml2+="<li ><span  onclick="getPageList("+(page-1)+",3)">上一页</span></li>";

if((page-3)>1){jshtml2+="<li ><span onclick="getPageList("+(page-3)+",2)">"+(page-3)+"</span></li>";}
else if((page-3)==1){jshtml2+="<li  ><span onclick="getPageList("+(page-3)+",1)">"+(page-3)+"</span></li>";}

jshtml2+="<li  ><span onclick="getPageList("+(page-2)+",2)">"+(page-2)+"</span></li>";

jshtml2+="<li  ><span onclick="getPageList("+(page-1)+",3)">"+(page-1)+"</span></li>";

if((page)<=pagecount){jshtml2+="<li  class='active'><span onclick="getPageList("+(page)+",4)">"+(page)+"</span></li>";}

if((page+1)<pagecount){jshtml2+="<li  ><span onclick="getPageList("+(page+1)+",4)">"+(page+1)+"</span></li>";}
else if((page+1)==pagecount){jshtml2+="<li  ><span onclick="getPageList("+(page+1)+",5)">"+(page+1)+"</span></li>";}

if((page+1)<pagecount){jshtml2+="<li ><span  onclick="getPageList("+(page+1)+",4)">下一页</span></li>";}
else if((page+1)==pagecount){jshtml2+="<li ><span onclick="getPageList("+(page+1)+",5)">下一页</span></li>";}
else if((page+1)>pagecount){jshtml2+="<li class='disabled'  ><span >下一页</span></li>";}

if(pagecount==4){jshtml2+="<li class='disabled'><span >末页</span></li>";}
else if(pagecount<=4){jshtml2+="<li><span onclick="getPageList("+pagecount+","+pagecount+")" >末页</span></li>";}
else if(pagecount>=5){jshtml2+="<li><span onclick="getPageList("+pagecount+",5)" >末页</span></li>";}
}
else if(show==5){
jshtml2+="<li ><span onclick="getPageList(1,1)">首页</span></li>";

jshtml2+="<li ><span  onclick="getPageList("+(page-1)+",4)">上一页</span></li>";

if((page-4)>1){jshtml2+="<li ><span onclick="getPageList("+(page-4)+",2)">"+(page-4)+"</span></li>";}
else if((page-4)==1){jshtml2+="<li  ><span onclick="getPageList("+(page-4)+",1)">"+(page-4)+"</span></li>";}

jshtml2+="<li  ><span onclick="getPageList("+(page-3)+",2)">"+(page-3)+"</span></li>";

jshtml2+="<li  ><span onclick="getPageList("+(page-2)+",3)">"+(page-2)+"</span></li>";

jshtml2+="<li  ><span onclick="getPageList("+(page-1)+",4)">"+(page-1)+"</span></li>";

jshtml2+="<li  class='active' ><span onclick="getPageList("+(page)+",5)">"+(page)+"</span></li>";

jshtml2+="<li class='disabled'  ><span >下一页</span></li>";

jshtml2+="<li class='disabled' ><span >末页</span></li>";
}


jshtml2+="</ul>";
jshtml2+="<div class='skip ml-10'>转到<input type='text' class='txt-input' id='trunPageid'>页<a class='yestiao ml-10' onclick='trunPage()'>确定</a></div>";
jshtml2+="<div class='page-ifo'><div><span class='mr-10'>当前"+datalength+"条</span>共<span>"+pagecount+"</span>页&nbsp;/&nbsp;<span>"+total+"</span>条记录</div></div>";
$("#turnPageDiv").html(jshtml2); 
}


//跳页那个确定按钮
function trunPage(pagenew){
var page = parseInt($("#trunPageid").val());
if(pagenew>0){
page = pagenew;
}
var pagecount = $("#pagecount").val();
var row=3;
if(isNaN(page)){
page=1;
row=1;
}else{
if(page<1){
page=1;
row=1;
}else if(pagecount<=5){
if(page>pagecount){
page = pagecount;
}
row = page;
}
else if(pagecount>5){
if(page <3){
row = page;
}else if(page<(pagecount-1)){
row = 3;
}else if(page==(pagecount-1)){
row = 4;
}else if(page>=(pagecount)){
page=pagecount;
row = 5;
}
}


}
getPageList(page,row);
}

原文地址:https://www.cnblogs.com/hopeful8859-1/p/7080427.html