js实现分页

最新推荐文章于 2025-08-11 09:46:40 发布

原创最新推荐文章于 2025-08-11 09:46:40 发布 · 410 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

本文介绍了一个使用JavaScript实现的分页函数，用于根据页数从数据集中获取指定数量的数据项。通过设置总页数、当前页以及提供前后翻页、首尾页跳转等功能，简化了数据展示和导航过程。

实现根据页数获得数据：

/**
 * Created by Administrator on 15-7-8.
 */
function Pagination(list) {
    var data = [],
        len = list.length ? list.length: 0,
        allData = list,
        totalPage = Math.ceil(len / 9); //总页数
        var currentPage = 1; //当前页
        this.nextPage = function(){
            currentPage++;
            currentPage = currentPage > totalPage ? totalPage : currentPage;
            return getData(currentPage);
        }
    this.prePage = function(){
        currentPage--; currentPage = currentPage <= 0 ? 1 : currentPage;
        return getData(currentPage);
    }
    this.fristPage = function(){
        return getData(1);
    }
    this.getPage = function(index){
        return getData(index);
    }
    function getData(page){
        if(page>totalPage || page <= 0){
            return;
        }
        var begin = (page-1)*9,
            end = begin + 9;
        end = end < len ? end : len;
        var array = [];
        for(var i = begin; i < end; i++){
            array.push(allData[i]);
        }
        return array;
    }
}//实例化var data = new Pagination(list);