JS实现php的伪分页

 更新时间:2008年05月25日 20:25:56   作者:  
假如某一个页面的数据很多,不方便全都显示出来,而且假设里面有个播放器,不希望在翻页的时候播放器会终止的话,就可以采用这个方法尽管可以用Ajax,但是在数据比较少的情况下,这个方法更有优势
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 下一页

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

 

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

相关文章

  • Linux环境下搭建php开发环境的操作步骤

    Linux环境下搭建php开发环境的操作步骤

    本篇文章是对Linux环境下搭建php开发环境的操作步骤进行了详细的分析介绍,需要的朋友参考下
    2013-06-06
  • 从wamp到xampp的升级之路

    从wamp到xampp的升级之路

    这篇文章主要介绍了从wamp到xampp的升级之路的相关资料,十分的详细,需要的朋友可以参考下
    2015-04-04
  • PHP备份/还原MySQL数据库的代码

    PHP备份/还原MySQL数据库的代码

    之前是采用PHP读取数据库结构和内容,然后写文件,这样可能会导致导出的文件不一定能百分百导入到MySQL中去,想想之后采用MySQL自带的导入导出命令最保险
    2011-01-01
  • php之readdir函数用法实例

    php之readdir函数用法实例

    这篇文章主要介绍了php中readdir函数用法,以实例讲述了readdir函数操作目录的具体用法与相关的注意事项,非常具有实用价值,需要的朋友可以参考下
    2014-11-11
  • php Undefined index的问题

    php Undefined index的问题

    通常本地程序传送到服务器上就会出现各种未定义的NOTICE提示,并不算是错误,只是警告。
    2009-06-06
  • PHP使用自定义方法实现数组合并示例

    PHP使用自定义方法实现数组合并示例

    这篇文章主要介绍了PHP使用自定义方法实现数组合并示例,涉及php针对数组的遍历、判断、转换等相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • Windows7下的php环境配置教程

    Windows7下的php环境配置教程

    这篇文章主要介绍了Windows7下的php环境配置教程,本文讲解了Windows7下的PHP环境配置步骤,包含下载安装文件、配置PHP、添加到系统变量和检测安装是否成功等步骤,需要的朋友可以参考下
    2015-02-02
  • PHP封装类似thinkphp连贯操作数据库Db类与简单应用示例

    PHP封装类似thinkphp连贯操作数据库Db类与简单应用示例

    这篇文章主要介绍了PHP封装类似thinkphp连贯操作数据库Db类与简单应用,涉及php基于mysqli的数据库连接、增删改查、异常处理等相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • PHP中CURL方法curl_setopt()函数的参数分享

    PHP中CURL方法curl_setopt()函数的参数分享

    PHP中CURL方法curl_setopt()函数的使用介绍,需要深入了解curl_setopt的朋友可以参考下
    2013-01-01
  • PHP form 表单传参明细研究

    PHP form 表单传参明细研究

    最近一段时间一直在做基于uchome的二次开发网站,因uchome中的很多跳转都是通过参数do来控制的,一直对这种机制不是十分的明细,总有一种雾里看花的感觉。
    2009-07-07

最新评论