Heim > Backend-Entwicklung > PHP-Tutorial > listview分页 JS实现php的伪分页

listview分页 JS实现php的伪分页

WBOY
Freigeben: 2016-07-29 08:38:03
Original
928 Leute haben es durchsucht

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 下一页
    然后点击页数或者上下页就可以切换显示了.
     
    时间比较仓促,就说这么多了,大家自己分析代码,有不明白的请留言

    以上就介绍了listview分页 JS实现php的伪分页,包括了listview分页方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage