时时商务社区

标题: JS实现php的伪分页 [打印本页]

作者: yj1281    时间: 2018-2-14 09:23

            JS代码如下:
[U]复制代码[/U] 代码如下:
  
//最大数据量  
var total="100";  
//每页的显示量  
var pagesize=10;  
//一共有多少页  
var pagenum=Math.ceil(total/pagesize);  
//生成导航  
function initpage(nowpage){  
var pagenav='上一页';  
for(i=1;i' + i + '':'' + i + ' ';   
}  
pagenav += '下一页';  
document.getElementById('pages').innerHTML=pagenav;  
}  
//翻页  
function goToPage(page){  
var start=(page-1)*pagesize;  
var max=page*pagesize;  
for(vs=0;vstotal)max=total;  
for(v=start;v1)goToPage((nowpage-1));  
}  
//下一页  
function down(nowpage){  
if(nowpage==pagenum)return false;  
if(nowpage  
  
如果数据是
.........
.........
...........
........
那么就可以显示出一个类似于这样的导航:
上一页 1 2 3 4 下一页
然后点击页数或者上下页就可以切换显示了.
  
时间比较仓促,就说这么多了,大家自己分析代码,有不明白的请留言
            
            
        




欢迎光临 时时商务社区 (http://bbs.4435.cn/) Powered by Discuz! X3.2