JS扩展：JS生成分页
前端框架：bootstrap
1 /** 2 ** 分页函数 3 ** 参数：page=页数,totalPage=总页数 4 ** 返回值：html字符串 5 **/ 6 function LoadPage(page, totalPage) { 7 var htmlPage = '<div style="text-align:center;"> <ul class="pagination">'; 8 //上一页 9 if (page == 1) { 10 htmlPage += '<li class="disabled"><a href="javascript:void(0);">上一页</a></li>'; 11 } else { 12 htmlPage += '<li><a href="#" onclick="onPage(' + (page - 1) + ')">上一页</a></li>'; 13 } 14 //首页 15 if (page > 5) { 16 htmlPage += '<li><a style="width:60px;" href="#" onclick="onPage(' + 1 + ')">1...</a></li>'; 17 } 18 //页数 19 var start = page > 4 ? page - 4 : 1; 20 var end = (totalPage - start) > 8 ? start + 8 : totalPage; 21 for (var i = start; i <= end; i++) { 22 if (i == page) { 23 htmlPage += '<li class="active"><a href="javascript:void(0);">' + i + '</a></li>'; 24 } else { 25 htmlPage += '<li><a href="#" onclick="onPage(' + i + ')">' + i + '</a></li>'; 26 } 27 } 28 //总页数 29 if (end != totalPage) { 30 htmlPage += '<li><a style="width:60px;" href="#" onclick="onPage(' + totalPage + ')">...' + totalPage + '</a></li>'; 31 } 32 //下一页 33 if (page == totalPage) { 34 htmlPage += '<li class="disabled"><a href="javascript:void(0);">下一页</a></li>'; 35 } else { 36 htmlPage += '<li><a href="#" onclick="onPage(' + (page + 1) + ')">下一页</a></li>'; 37 } 38 htmlPage += '</ul></div>'; 39 return htmlPage; 40 }
