js 分页

//page当前页数total总条数pagesize每页数量
function CalculatePage(page, total, pagesize) {
var pagecount = Math.ceil(parseInt(total) / parseInt(pagesize))
var item = ‘

  • <a class=“page-link” href=“javascript:void(0);” οnclick=“lastPage()”>首页
  • ‘;
    var i = 1;
    i = parseInt(i);
    if (pagecount <= 5) {
    for (i; i <= pagecount; i++) {
    if (i == page) {
    item += ‘
  • <a class=“page-link” href=“javascript:void(0);” οnclick="upPage(’ + i + ‘)">’ + i + ’

  • // item += ‘
  • <a class=“page-link” href=“javascript:void(0);” οnclick="upPage(’+i+’)">’+i+’

  • } else {
    item += ’
  • <a class=“page-link” href=“javascript:void(0);” οnclick=“upPage(’ + i + ')”> ’ + i + ’
  • ';
    }
    };
    item += '
  • <a class=“page-link” href=“javascript:void(0);” οnclick=“nextPage()”>末页
  • ‘;
    document.getElementById(“pageBtn”).innerHTML = item;
    return;
    }
    else {
    if (page < 5) {//当前页小于5,加载1-5页
    for (i; i <= 5; i++) {
    if (i == page) {
    item += ‘
  • <a class=“page-link” href=“javascript:void(0);” οnclick="upPage(’ + i + ‘)">’ + i + ’

  • } else {
    item += ’
  • <a class=“page-link” href=“javascript:void(0);” οnclick="upPage(’ + i + ')"> ’ + i + ’
  • ';
    }
    };
    if (page <= pagecount - 2) {//最后一页追加“…”代表省略的页
    item += " . . . “;
    }
    item += ‘
  • <a class=“page-link” href=“javascript:void(0);” οnclick=“nextPage()”>末页
  • ‘;
    document.getElementById(“pageBtn”).innerHTML = item;
    return;
    } else if (page >= 5) {//当前页大于5页
    item += " . . . “;//2页码后面用…代替部分未显示的页码
    if (page + 1 == pagecount) {//当前页+1等于总页码
    for (i = page - 1; i <= pagecount; i++) {//“…”后面跟三个页码当前页居中显示
    if (i == page) {
    item += ‘
  • <a class=“page-link” href=“javascript:void(0);” οnclick="upPage(’ + i + ')”>’ + i + ’

  • } else {
    item += ’
  • <a class=“page-link” href=“javascript:void(0);” οnclick="upPage(’ + i + ')”> ’ + i + ’
  • ‘;
    }
    }
    } else if (page == pagecount) {//当前页数等于总页数则是最后一页页码显示在最后
    for (i = page - 2; i <= pagecount; i++) {//…后面跟三个页码当前页居中显示
    if (i == page) {
    item += ‘
  • <a class=“page-link” href=“javascript:void(0);” οnclick="upPage(’ + i + ‘)">’ + i + ’

  • } else {
    item += ’
  • <a class=“page-link” href=“javascript:void(0);” οnclick="upPage(’ + i + ')"> ’ + i + ’
  • ‘;
    }
    }
    } else {//当前页小于总页数,则最后一页后面跟…
    for (i = page - 1; i <= page + 1; i++) {//page+1页后面…
    if (i == page) {
    item += ‘
  • <a class=“page-link” href=“javascript:void(0);” οnclick="upPage(’ + i + ‘)">’ + i + ’

  • } else {
    item += ’
  • <a class=“page-link” href=“javascript:void(0);” οnclick="upPage(’ + i + ')"> ’ + i + ’
  • ';
    }
    }
    item += " . . . ";
    }
    item += '
  • <a class=“page-link” href=“javascript:void(0);” οnclick=“nextPage()”>末页
  • ';
    document.getElementById(“pageBtn”).innerHTML = item;
    // document.getElementById(“pageBtn”).innerHTML = item;
    return;
    }
    }
    }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值