纯JavaScript实现的分页插件实例_javascript技巧

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

//总条数(必填)
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=1){
 if(maxPageNum==1){//最多显示一页时
  first=index=1){
    if(last=maxPageNum?last:(maxPageNum>count?count:maxPageNum);
 }
}else{
 alert("至少需要显示一个页码!");
}
var prev = index - 1;//上一页
var next = index+ 1;//下一页 
var str = "";
if(count==0){
 str += "共0页
";
}else if(index>count||index页码超出范围";
}else if (count > 0) {
 str += "";
 if(first>1){
  str += "  ...  ";
 }
 var i=1;
 for(i=first;i[" + i+ "]  ";
  }else{
   str += "  " + i+ "  ";
  }
 } 
  if(last...  "; 
  }
  str+="

共"+ Num +"条";
  /* if(index!=1){
   str +="上一页"; 
  }
  if(index下一页";
  }*/
  if(index!=1&&count>1){
   str += "  首页  ";
  }
  if(index!=count&&count>1&&index尾页  " ;
  } 
   str+="
";
}
//分页区域填写
$('.page').html(str);

//根据页码查询, function submit(pageIndex) { //var sortInfo = $.getUrlParam('sortInfo');//判断是哪一个页面的查询 var url = "?page="+pageIndex+"&field=&value="; window.location.href=url; }

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