有时候桌子的列数太长,不利于使用者查询,所以利用射流研究…做了一个桌子的分页,以下为相关代码一、JS代码复制代码代码如下:脚本类型=' text/JavaScript ' var页面大小=15;//每页显示的记录条数var CurPage=0;//当前页var lastPage//最后页var direct=0;//方向var len/总行数定义变量页面;//总页数var beginvar结束;$(文档)。就绪(函数display(){ len=$('#mytable tr ').长度-1;//求这个表的总行数,剔除第一行介绍page=len % pageSize==0?镜头/页面尺寸:数学。地板(镜头/页面尺寸)1;//根据记录条数,计算页数//alert(' page==' page);cur page=1;//设置当前为第一页显示页面(1);//显示第一页document.getElementById('btn0 ').innerHTML='当前弯曲页面/页面页每页;//显示当前多少页document.getElementById('sjzl ').innerHTML='数据总量透镜"";//显示数据量文件。getelementbyid('页面大小').value=pageSize$('#btn1 ').单击(函数firstPage(){ //首页cur page=1;direct=0;显示页面();});$('#btn2 ').单击(函数frontPage(){ //上一页direct=-1;显示页面();});$('#btn3 ').单击(函数nextPage(){ //下一页direct=1;显示页面();});$('#btn4 ').点击(函数lastPage(){ //尾页cur page=page direct=0;显示页面();});$('#btn5 ').单击(函数changePage(){ //转页curPage=文档。getelementbyid('更改页面').值* 1;if(!/^[1-9]d*$/.测试(CurPage)){ 0警报('请输入正整数');返回;} if (curPage page) { alert('超出数据页面');返回;} direct=0;显示页面();});$('#pageSizeSet ').单击(函数setPageSize(){ //设置每页显示多少条记录page SiZe=文档。GetElementBYID(' page SiZe ').价值;//每页显示的记录条数if(!/^[1-9]d*$/.测试(PageSize)){ 0警报('请输入正整数');返回;} len=$('#mytable tr ').长度-1;page=len % pageSize==0?镜头/页面尺寸:数学。地板(镜头/页面尺寸)1;//根据记录条数,计算页数cur page=1;//当前页direct=0;//方向第一页();});});函数display page(){ if(cur page=1 direct==-1){ direct=0;警报('已经是第一页了');返回;} else if(CurPage=page direct==1){ direct=0;警报('已经是最后一页了');返回;} lastPage=curPage//修复当len=1时curPage计算得0的bug if(len page size){ curPage=((curPage direct len)% len);} else { CurPage=1;} document.getElementById('btn0 ').innerHTML='当前弯曲页面/页面页每页;//显示当前多少页begin=(CurPage-1)* PageSize 1;//起始记录号end=begin 1 *页面大小-1;//末尾记录号如果(端透镜)end=透镜;$('#mytable tr ').hide();//首先,设置这行为隐藏$('#mytable tr ').每个(函数{//然后,通过条件判断决定本行是否恢复显示if((i=begin i=end) || i==0 )//显示开始=x=结束的记录$(这个)。show();});}/脚本二、超文本标记语言代码复制代码代码如下: a id=' BTN 0 '/ainput id='页面大小' type=' text ' size=' 1 ' maxlength=' 2 ' value=' getDefaultValue()'/a条/a a href='#' id='pageSizeSet '设置/aa id=' sjzl '/aa href=' # ' id=' BTN 1 '首页/aa href='#' id='btn2 '上一页/aa href='#' id='btn3 '下一页/aa href='#' id='btn4 '尾页/aa转到/ain put id=' ChangePage ' type=' text ' size=' 1 ' maxlength=' 4 '/a页/aa href='#' id='btn5 '跳转/atable id=“我的表”align=“中心”.剩余的桌子代码最后得到的例子效果如图