JS前端分页的方法

时间：2023-03-27 12:56:40 JavaScript

.table{border:solid#FFAEB9;边框宽度：1px0px0px1px；宽度：100%；font-size:12px;line-height:21px;text-align:center;}.tabletheadtd{border:solid#FFAEB9;border-width:0px1px1px0px;}.tabletbodytd{border:solid#FFAEB9;border-width:0px1px1px0px;padding-right:5px;padding-left:5px;}使用JS实现前端分页页码管理，可以漂亮的区分页码显示（这也是大部分网站的分页页码显示），可以有很好的用户体验，里面还有业务需求我才写的，还是新手，经验不足，欢迎指出批评！分页.table{border:solid#FFAEB9;边框宽度：1px0px0px1px；宽度：100%；font-size:12px;line-height:21px;text-align:center;}.tabletheadtd{border:solid#FFAEB9;border-width:0px1px1px0px;}.tabletbodytd{border:solid#FFAEB9;border-width:0px1px1px0px;padding-right:5px;padding-left:5px;}

//伪造的表数据//headervarhead=''+'name'+'age'+'颜值*'+'成绩'+'身高cm'+'';//表格内容，后台返回的内容可以封装在这里，随时访问，但是如果数据量很大，可能会消耗很多资源varpageData=[];for(vari=1;i<100;i++){vardata=''+'student'+i+''+''+Math.round(Math.random()*20)+''+''+Math.round(Math.random()*5)+'星号'+''+Math.round(Math.random()*100)+''+''+Math.round(Math.random()*200)+'cm'+'';pageData.push(data);}//tableEndvarend='';$(function(){varCount=pageData.length;//记录数varPageSize=10;//设置显示页数varPageCount=Math.ceil(Count/PageSize);//计算总页数varcurrentPage=1;//当前页，默认为1。//创建一个简单的分页按钮for(vari=1;i<=PageCount;i++){varpageN='page'+i+'';$('#page').append(pageN);}//显示默认页(第一页)$('#table').empty().append(head);for(i=(currentPage-1)*PageSize;i