js分页

最新推荐文章于 2023-05-11 15:29:45 发布

半块菠萝

最新推荐文章于 2023-05-11 15:29:45 发布

阅读量233

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_21703215/article/details/77993659

版权

javascript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

  function goPage(pno, psize) {
        var itable = document.getElementById("houseList").getElementsByTagName("li");
        var num = itable.length; // li 的数量
        var totalPage = 0;//总页数
        var pageSize = psize;//每页显示li数
        //总共分几页
        if (num / pageSize > parseInt(num / pageSize)) {
            totalPage = parseInt(num / pageSize) + 1;
        } else {
            totalPage = parseInt(num / pageSize);
        }
        var currentPage = pno;//当前页数
        var startRow = (currentPage - 1) * pageSize + 1;//开始显示的行
        var endRow = currentPage * pageSize;//结束显示的行
        endRow = (endRow > num) ? num : endRow; 40
        //遍历显示数据实现分页
        for (var i = 1; i < (num + 1) ; i++) {
            var irow = itable[i - 1];
            if (i >= startRow && i <= endRow) {
                irow.style.display = "block";
            } else {
                irow.style.display = "none";
            }
        }
        var pageEnd = document.getElementById("pageEnd");
        var tempStr = "";//"共" + num + "条标准 分" + totalPage + "页 当前第" + currentPage + "页";
        if (currentPage > 1) {
            tempStr += "<a href=\"#\" class=\"btn btn-default\"role=\"button\" onClick=\"goPage(" + (1) + "," + psize + ")\">首页</a>";
            tempStr += "<a href=\"#\" class=\"btn btn-default\"role=\"button\" onClick=\"goPage(" + (currentPage - 1) + "," + psize + ")\">上一页</a>"
        } else {
            tempStr += "<a href=\"#\" class=\"btn btn-default\"role=\"button\" onClick=\"goPage(" + (1) + "," + psize + ")\">首页</a>";
            tempStr += "<a href=\"#\" class=\"btn btn-default\"role=\"button\" onClick=\"goPage(" + (1) + "," + psize + ")\">上一页</a>";
        }
        tempStr += "<a href=\"#\" class=\"btn btn-default active\"role=\"button\">" + currentPage + "/" + totalPage + "</a>";
        if (currentPage < totalPage) {
            tempStr += "<a href=\"#\" class=\"btn btn-default\"role=\"button\" onClick=\"goPage(" + (currentPage + 1) + "," + psize + ")\">下一页</a>";
            tempStr += "<a href=\"#\" class=\"btn btn-default\"role=\"button\" onClick=\"goPage(" + (totalPage) + "," + psize + ")\">尾页</a>";
        } else {
            tempStr += "<a href=\"#\" class=\"btn btn-default\"role=\"button\" onClick=\"goPage(" + (totalPage) + "," + psize + ")\">下一页</a>";
            tempStr += "<a href=\"#\" class=\"btn btn-default\"role=\"button\" onClick=\"goPage(" + (totalPage) + "," + psize + ")\">尾页</a>";
        }

        document.getElementById("barcon").innerHTML = tempStr;

    }