ajax -项目/js/PageBar.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

//生成页码条方法（方法对象,页码条容器，当前页码，总页数，页码组容量，总行数）
function makePageBar(jsMethodName,pageContainer, pgIndex, pgCount, gpSize, roCount) {
    var groupFirstPageIndex = 0;  //当前页码组的第一个页码
    var groupCount = 0; //页码组个数
    //var pageContainer = document.getElementById("pageDiv");
    //获得当前页码组 的 第一个页码 ，为了 在点击 NextGroup 时
    //这样：1.加上 3 就可以获得 【下一个页码组】的 第一页
    //            2.减去1 就可以获得 【上一个页码组】的最后一页
    groupFirstPageIndex = (Math.floor(((pgIndex - 1) / gpSize)) * gpSize) + 1;
    //获得页码组总个数
    groupCount = Math.ceil(pgCount / gpSize);
    //生成统计数据
    pageContainer.innerHTML = "页码：" + pgIndex + "/" + pgCount + " │ 共" + roCount + "条";

    //生成 上一个页码组 按钮
    var pagePrevGroup = document.createElement("a");
    if (groupFirstPageIndex > 1) {
        pagePrevGroup.onclick = function () {
            pgIndex = groupFirstPageIndex - 1;
            jsMethodName(groupFirstPageIndex - 1);
        };
    }
    pagePrevGroup.innerHTML = "PrevGroup";
    pageContainer.appendChild(pagePrevGroup);

    //生成 上一页 按钮
    var pagePrev = document.createElement("a");
    pagePrev.onclick = function () {
        if (pgIndex > 1) {
            pgIndex--;
            jsMethodName(pgIndex);
        } else {
            alert("已经是第一页咯~~！");
        }
    };
    pagePrev.innerHTML = "Prev";
    pageContainer.appendChild(pagePrev);

    //按照 页码组容量 和当前页码组 来生成 页码
    var tempI = 0;
    tempI = groupFirstPageIndex;//此时获得的是当前页码组的第一页
    do {
        //页码按钮
        var pageA;
        if (tempI == pgIndex) {//如果 当前生成页码 和 当前访问的页码 相等，则生成 文本，而不是超链接
            pageA = document.createTextNode(tempI);
        } else {//否则 生成超链接页码按钮
            pageA = document.createElement("a");
            //pageA.href = "javascript:jsMethodName(" + tempI + ");";
            pageA.href = "javascript:void(0)";
            pageA.setAttribute("pi", tempI);
            pageA.onclick = function () { jsMethodName(this.getAttribute("pi")) };
            pageA.innerHTML = tempI;
        }
        pageContainer.appendChild(pageA);
        tempI++;
    } while (tempI < groupFirstPageIndex + gpSize && tempI <= pgCount);//1.不能超过当前页码组最后一个下标 2.不能超过总页数

    //生成下一页
    var pageNext = document.createElement("a");