[Js分页方法-多页码展示.docxVIP

该分页方法依赖于JQuery进行分页。分页效果如下：可以直接点1、2、3、4，点击后跳到相应页数。当然，也可以自定义展示的页数多少。本例中，共分两种分页方法，一个是页面JQuery分页方式，一个是动态from请求分页方式。两种方式可以任意选择，页面分页方式简单，所有内容一次性加载，点分页标签无需再次请求后台，响应快速。第二种节省资源，每次只加载需要显示的内容即可。页面JQuery标签分页：/*页面分页多页标签展示版页面JQuery分页不请求后台*//*创建分页列表*/function createAsignPageList(currentPage, cla, pager) {var dataPageNum = $(. + pager).attr(dataNum);var dataListCount = $(. + pager).attr(data-listCount);//总页数var totalPages = Math.ceil(dataListCount / dataPageNum);//展示页数var disnum = 4;//开始位置var forstart;//结束位置var forend;//开始位置计算 forstart = Math.round(current disnum / 2);//开始位置最小值处理if (forstart = 0) { forstart = 1; }//结束位置计算 forend = forstart + Math.round(disnum / 2);if (disnum forend - forstart) { forend = forend + (disnum - (forend - forstart) - 1); }//结束位置最大值处理，不能大于总页数if (forend totalPages) {//调整开始位置 forstart = forstart - (forend - totalPages); forend = totalPages; }//开始位置最小值处理if (forstart = 0) { forstart = 1; }//创建分页用的htmlvar htmlstr = ;if (totalPages 0) {//当前页数不为1时的上一页if (currentPage != 1) {var last = parseInt(currentPage) - 1; htmlstr += span class=up onclick=updateAsignPageList( + (last).toString() + ,\ + cla + \,\ + pager + \)/span; } else { htmlstr += span class=up/span; }//循环创建分页标签for (var i = forstart; i = totalPages i = forend; i++) {if (currentPage == i) {//当前页样式处理 htmlstr += a href=javascript:void(0) class=on + currentPage + /a; } else {//展示页标签处理 htmlstr += a href=javascript:void(0) onclick=updateAsignPageList( + i + ,\ + cla + \,\ + pager + \) + i + /a; } }//当前页不是最后页时加下一页标签if (currentPage != totalPages) {var next = parseInt(currentPage) + 1; htmlstr += span class=down onclick=updateAsignPageList( + (next).toString() + ,\ + cla + \,\ + pager + \)/span; } else { htmlstr += span class=down/span; }//尾页标签 htmlstr += ;//写入分页 $(. + pager).html(htmlstr); }}/*分页处理*/function upd