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

发布于 2022-09-04 12:35:00 字数 312 浏览 11 评论 0

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

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

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

最冷一天 2022-09-11 12:35:00

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--
        }
    }
}())

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

回复收藏 0

抚笙 2022-09-11 12:35:00

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

回复收藏 0

ゞ花落谁相伴 2022-09-11 12:35:00

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]

回复收藏 0

~没有更多了~