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

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

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

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

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

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

扫码二维码加入Web技术交流群

发布评论

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

评论(3

最冷一天 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--
        }
    }
}())

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

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

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

ゞ花落谁相伴 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]

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文