JS实现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 下一页

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

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