纯JavaScript实现的分页插件实例

前端之家收集整理的这篇文章主要介绍了纯JavaScript实现的分页插件实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

) //当前页(必填) 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(last404_15@共"+ Num +"上一页下一页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程序设计有所帮助。

猜你在找的JavaScript相关文章