JS实现php的伪分页

所属分类: 网络编程 / PHP编程 阅读数: 981
收藏 0 赞 0 分享
JS代码如下:
复制代码 代码如下:

<scrīpt language="javascrīpt"> 
//最大数据量 
var total="100"; 
//每页的显示量 
var pagesize=10; 
//一共有多少页 
var pagenum=Math.ceil(total/pagesize); 
//生成导航 
function initpage(nowpage){ 
 var pagenav='<a href="#" ōnclick=up('+ nowpage+');>上一页</a>'; 
 for(i=1;i<=pagenum;i++){ 
  pagenav += (i==nowpage)?'<span class="now">' + i + '</span>':'<a class="number" href="#" ōnclick=goToPage(' + i + ');>' + i + '</a> ';  
 } 
 pagenav += '<a href="#" ōnclick=down('+ nowpage+');>下一页</a>'; 
 document.getElementById('pages').innerHTML=pagenav; 


//翻页 
function goToPage(page){ 
 var start=(page-1)*pagesize; 
 var max=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); 


//上一页 

function up(nowpage){ 
 if(nowpage==1)return false; 
 if(nowpage>1)goToPage((nowpage-1)); 


//下一页 

function down(nowpage){ 
 if(nowpage==pagenum)return false; 
 if(nowpage<pagenum)goToPage((nowpage+1)); 

</scrīpt> 

  


如果数据是

<li id="item_0" >.........</li>

<li id="item_1" >.........</li>

...........

<li id="item_100" >........</li>

那么就可以显示出一个类似于这样的导航:

上一页 1 2 3 4 下一页

然后点击页数或者上下页就可以切换显示了.

 

时间比较仓促,就说这么多了,大家自己分析代码,有不明白的请留言

更多精彩内容其他人还在看

TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例

这篇文章主要介绍了TP5(thinkPHP5)框架基于ajax与后台数据交互操作,结合实例形式分析了thinkPHP5前端基于jQuery的ajax数据提交及后台数据接收、处理相关操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

PHP利用Mysql锁解决高并发的方法

这篇文章主要介绍了PHP利用Mysql锁解决高并发的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

php 后端实现JWT认证方法示例

这篇文章主要介绍了php 后端实现JWT认证方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

ThinkPHP框架实现定时执行任务的两种方法分析

这篇文章主要介绍了ThinkPHP框架实现定时执行任务的两种方法,结合实例形式分析了2种被动执行定时任务的相关操作技巧与注意事项,需要的朋友可以参考下
收藏 0 赞 0 分享

PHP命名空间与自动加载类详解

这篇文章主要介绍了PHP命名空间与自动加载类,结合实例形式详细分析了php自动加载类与命名空间原理、使用方法及相关操作注意事项,需要的朋友可以参考下
收藏 0 赞 0 分享

PHP时间处理类操作示例

这篇文章主要介绍了PHP时间处理类,结合实例形式分析了DateTime、DateTimeZone、DateInterval及DatePeriod等常用日期时间处理类简单操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

利用PHP扩展Xhprof分析项目性能实践教程

XHProf是Facebook开发的性能调试工具,能帮助直观的统计显示PHP程序执行中各方法函数调用次数和消耗时间,以方便我们排查性能瓶颈并进行调优。下面这篇文章主要给大家介绍了关于利用PHP扩展Xhprof分析项目性能实践的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

Django 标签筛选的实现代码(一对多、多对多)

这篇文章主要介绍了Django 标签筛选的实现代码(一对多、多对多),本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

PHP使用pdo实现事务处理操作示例

这篇文章主要介绍了PHP使用pdo实现事务处理操作,结合实例形式较为详细的分析了php基于pdo实现事务处理的相关原理与操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

thinkPHP框架实现类似java过滤器的简单方法示例

这篇文章主要介绍了thinkPHP框架实现类似java过滤器的简单方法,结合实例形式分析了thinkPHP基于继承实现的登录验证功能相关操作方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多