面向对象JavaScript写一个简单的分页

刚接触对象的概念,想写一个简单的分页

  <body>
    <a href="#">首页</a>
    <a href="#">上一页</a>
    <span>当前</span>/<span>总页数</span>
    <a href="#">下一页</a>
    <a href="#">最后页</a>
   </body>

数据自己设定,就是想知道这么一回事

阅读 3k
3 个回答
var page = (function(){
    var pageNum = 1;
    var pageCount = 10;
    return {
        getPageNum :function(){
            return pageNum;
        },
        getPageCount :function(){
            return pageCount;
        },
        setPageNum :function(value){
            pageNum = value;
        },
        next:function(){
            pageNum++
        },
        pre:function(){
            pageNum--
        }
    }
}())

不知道题主想要的是不是这种、例子不够严谨、可以自己拓展

可以参考Bootstrap的分页,它是面向对象写法,然后封装到jq插件里面

let arr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]
undefined
let index = 1;
undefined
let pageindex = 5;
undefined
let start = (index - 1)*pageindex
undefined
let end = (index + 1 - 1)*pageindex
undefined
arr.splice(start,end)
(5) [1, 2, 3, 4, 5]

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题