微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

纯JavaScript实现的分页插件实例

本文实例讲述了纯JavaScript实现的分页插件分享给大家供大家参考。具体如下:

rush:js;"> //总条数(必填) var Num=Number() //当前页(必填) var index = Number(); /* //每页的条数(可选,认每页10条) */ var pageNum=Number(10); /* //最大显示页码的数目(可选,显示5个页码,页码数目必须大于等于1) */ var maxPageNum=Number(5); //以下可忽略 //计算得出总页数 var count = (Num%pageNum)>0?(Num/pageNum+1):(Num/pageNum); count=Math.floor(count);//取整转化为数据类型 //显示的最小页码,var first=1; //显示的最大页码,首先last<=count;其次last是小于等于count的最大数//last=index+maxPageNum/2; var last =1; var decrease=Math.floor(maxPageNum/2);//当前页向上增加值 var increase=Math.floor(maxPageNum/2);//当前页向下减少值 if(maxPageNum>=1){ if(maxPageNum==1){//最多显示一页时 first=index<=count?index:count; last=index<=count?index:count; }else{ //first要大于零 first=(index-decrease); while(first<=0){ first++; } //first判断显示的最后一页 if((count-index)<=decrease){ var diff=count-first; while(diff=1){ if(last<=count){ break; } last--; } //last//判断显示的最后一页与maxPageNum的关系 last=last>=maxPageNum?last:(maxPageNum>count?count:maxPageNum); } }else{ alert("至少需要显示一个页码!"); } var prev = index - 1;//上一页 var next = index+ 1;//下一页 var str = "count||index<=0){ str="页码超出范围 0) { str += "1){ str += "..."; } var i=1; for(i=first;i<=last; i++){ if(i==index){ str += "[" + i+ "]"; }else{ str += "" + i+ ""; } } if(last上一页下一页1){ str += "首页1&&index尾页分页区域填写 $('.page').html(str); 分页只需要传递给我当前页码和总页数即可页码查询,function submit(pageIndex) { //var sortInfo = $.getUrlParam('sortInfo');//判断是哪一个页面查询 var url = "?page="+pageIndex+"&field=&value="; window.location.href=url; }

希望本文所述对大家的javascript程序设计有所帮助。

原文地址:https://www.jb51.cc/js/53411.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐