纯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程序设计有所帮助。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...