页面端数据分页。（假分页）

最新推荐文章于 2018-11-02 18:52:25 发布

zhoushuai3066

最新推荐文章于 2018-11-02 18:52:25 发布

阅读量587

点赞数

分类专栏： javaScript java 文章标签： function border div html

本文链接：https://blog.youkuaiyun.com/jiushuai/article/details/6207419

版权

java 同时被 2 个专栏收录

80 篇文章

订阅专栏

javaScript

49 篇文章

订阅专栏

<html>
<head>
    <script>
   var arr = [
   {name:'zhoushuai1'}, //1
   {name:'zhoushuai2'}, //2
   {name:'zhoushuai3'}, //3
   {name:'zhoushuai4'}, //4
   {name:'zhoushuai5'}, //5
   {name:'zhoushuai6'}, //6
   {name:'zhoushuai7'}, //7
   {name:'zhoushuai8'}, //8
   {name:'zhoushuai9'}, //9
   {name:'zhoushuai10'}, //10
   {name:'zhoushuai11'}, //11
   {name:'zhoushuai12'}, //12
   {name:'zhoushuai13'}, //13
   {name:'zhoushuai14'}, //14
   {name:'zhoushuai15'}, //15
   {name:'zhoushuai16'}, //16
   {name:'zhoushuai17'}, //17
   {name:'zhoushuai18'}, //18
   {name:'zhoushuai19'}, //19
   {name:'zhoushuai20'}, //20
   {name:'zhoushuai21'}, //21
   {name:'zhoushuai22'}, //22
   {name:'zhoushuai23'}, //23
   {name:'zhoushuai24'} //24
   ];

      var nowPage = 0;
   var dataCount = 10;
   var totalPage = 0;

   function $(name){
      return document.getElementById(name);
   }

   function init(){
    totalPage = Math.ceil(arr.length/dataCount);
    next();
   }

   function pre(){
     if((nowPage-1)>0){
      var divObj = $('content');
   if(divObj){
    var data = getData('pre');
    divObj.innerHTML = data;
    buttonCtrl();
   }
  }
   }

   function debug(){
     alert(nowPrePage+'--->pre;'+nowNextPage+'--->next');
   }
</script>
</head>
<body onload = "init()">
    <div id = "content">

</div>
<a href = "#" onclick = "pre()" id = "prePageButton">上一页</a><a href = "#" onclick = "next()" id = "nextPageButton">下一页</a>
</body>
</html>