找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1479|回复: 0
打印 上一主题 下一主题

JS实现php的伪分页

[复制链接]

2487

主题

2487

帖子

7391

积分

论坛元老

Rank: 8Rank: 8

积分
7391
跳转到指定楼层
楼主
发表于 2018-2-14 09:23:27 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

            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 下一页
然后点击页数或者上下页就可以切换显示了.
  
时间比较仓促,就说这么多了,大家自己分析代码,有不明白的请留言
            
            
        
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

用户反馈
客户端