JS实现php的伪分页

yipeiwu_com6年前PHP代码库
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 下一页

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

 

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

相关文章

介绍一些PHP判断变量的函数

虽然这一特点使用PHP编程非常容易,但它也存在一个重要的缺陷:当你需要测试一个变量的类型时,处理类型比较松散的语言就让人有些迷惑。幸运地是,PHP的开发者注意到这一情况,因此在其中包含了...

PHP单文件上传原理及上传函数的封装操作示例

本文实例讲述了PHP单文件上传原理及上传函数的封装操作。分享给大家供大家参考,具体如下: 表单: 0.php: <!doctype html> <html>...

php字符串分割函数explode的实例代码

array explode (string $separator, string $string [, int $limit]) 该函数有3个参数,第一个参数$separator设置一个...

PHP中copy on write写时复制机制介绍

什么是写时复制(Copy On Write)? 答:在复制一个对象的时候并不是真正的把原先的对象复制到内存的另外一个位置上,而是在新对象的内存映射表中设置一个指针,指向源对象的位置,并把...

PHP调试函数和日志记录函数分享

网站程序开发过程经常需要调试,发布阶段也需要记录运行日志,方便发现问题和还原事件。这就要求有调试和日志记录功能。 下面分别写了用于调试的函数和用于记录错误的函数。 使用方法很简单,且自动...