Home  >  Article  >  Backend Development  >  JS实现php的伪分页_PHP教程

JS实现php的伪分页_PHP教程

WBOY
WBOYOriginal
2016-07-21 15:52:07641browse

JS代码如下:

复制代码 代码如下:

 
//最大数据量 
var total="100"; 
//每页的显示量 
var pagesize=10; 
//一共有多少页 
var pagenum=Math.ceil(total/pagesize); 
//生成导航 
function initpage(nowpage){ 
 var pagenav='上一页'; 
 for(i=1;i  pagenav += (i==nowpage)?'' + i + '':'' + i + ' ';  
 } 
 pagenav += '下一页'; 
 document.getElementById('pages').innerHTML=pagenav; 


//翻页 
function goToPage(page){ 
 var start=(page-1)*pagesize; 
 var max=page*pagesize; 
 for(vs=0;vs  var ōbj=document.getElementById('item_' + vs); 
  obj.style.display="none"; 
 } 
 if(max>total)max=total; 
 for(v=start;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
īpt> 

  


如果数据是

  • .........


  • .........


  • ...........

  • ........


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

    上一页 1 2 3 4 下一页

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

     

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

    www.bkjia.comtruehttp://www.bkjia.com/PHPjc/318995.htmlTechArticleJS代码如下: 复制代码 代码如下: scrīptlanguage="javascrīpt" //最大数据量 vartotal="100"; //每页的显示量 varpagesize=10; //一共有多少页 varpagenum=Math....
    Statement:
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn