JS实现php的伪分页

JS代码如下:
<div class="codetitle"><a style="CURSOR: pointer" data="31541" class="copybut" id="copybut31541" onclick="doCopy('code31541')"> 代码如下:

<div class="codebody" id="code31541">
<scrīptlanguage="javascrīpt">
//最大数据量
vartotal="100";
//每页的显示
varpagesize=10;
//一共有多少页
varpagenum=Math.ceil(total/pagesize);
//生成导航
functioninitpage(Nowpage){
varpagenav='<ahref="#"ōnclick=up('+nowpage+');>上一页';
for(i=1;i<=pagenum;i++){
pagenav+=(i==Nowpage)?'<spanclass="Now">'+i+'':'<aclass="number"href="#"ōnclick=goToPage('+i+');>'+i+'';
}
pagenav+='<ahref="#"ōnclick=down('+nowpage+');>下一页';
document.getElementById('pages').innerHTML=pagenav;
} //翻页
functiongoToPage(page){
varstart=(page-1)pagesize;
varmax=page
pagesize;
for(vs=0;vs<total;vs++){
varōbj=document.getElementById('item_'+vs);
obj.style.display="none";
}
if(max>total)max=total;
for(v=start;v<max;v++){
varōbj=document.getElementById('item_'+v);
obj.style.display="block";
}
initpage(page);
} //上一页 functionup(Nowpage){
if(Nowpage==1)returnfalse;
if(Nowpage>1)goToPage((Nowpage-1));
} //下一页 functiondown(Nowpage){
if(Nowpage==pagenum)returnfalse;
if(Nowpage<pagenum)goToPage((Nowpage+1));
}
</scrīpt>
如果数据是 <liid="item_0">......... <liid="item_1">......... ........... <liid="item_100">........ 那么就可以显示一个类似于这样的导航: 上一页1234下一页 然后点击页数或者上下页就可以切换显示了. 时间比较仓促,就说这么多了,大家自己分析代码,有不明白的请留言

相关文章

统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...
前言 之前做了微信登录,所以总结一下微信授权登录并获取用户...
FastAdmin是我第一个接触的后台管理系统框架。FastAdmin是一...
之前公司需要一个内部的通讯软件,就叫我做一个。通讯软件嘛...
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...