js 分页

转载请注明来源：https://www.cnblogs.com/hookjc/

<style type='text/css'>

#pagediv a{color:##408BC2;text-decoration:none;}

</style>

<span id=pagediv ></span>

<sctipt language='javascript'>

var CurPage=1;//当前页
ShowPage=function()
 {
  var PCount=0;
  var j=0;
  var phtml="";
  var inpage="";
  PCount=Math.ceil(mInfoCount/mPageCount);//总页数
  if(CurPage>PCount) return;    
  if(PCount>5)
  { 
   if($('gopage')!=null)
   {
    inpage=$('gopage').value;
    if(CurPage==1)//动态修改尾页，无刷新
    {
     $('lpage').href="javascript:GoPage("+PCount+")";
     $('gopagea').href="javascript:if($('gopage').value!=''&&$('gopage').value<="+PCount+") GoPage($('gopage').value);";
     return;
    }
   }
   if(CurPage!=1)
    inpage=CurPage; 
   else
    inpage="";    
   fpage=(CurPage==1)?"":"<a href='javascript:GoPage(1)'> 首页 </a>";
   ppage=(CurPage==1)?"":"<a href='javascript:GoPage("+(CurPage-1)+")'> 上一页 </a>";
   npage=(CurPage==PCount)?"":"<a href='javascript:GoPage("+(parseInt(CurPage)+1)+")'> 下一页 </a>";
   lpage=(CurPage==PCount)?"":"<a href='javascript:GoPage("+PCount+")' id='lpage'> 尾页 </a>"; 
   gopage="<input type='text' size='2' id='gopage' name='gopage' style=\"font-size:9pt;color:#FF0000;width:24px;height:18px;\" value='"+inpage+"'/><a href=\"javascript:if($('gopage').value!=''&&$('gopage').value<="+PCount+") GoPage($('gopage').value);\" id='gopagea'>Go</a>";
   cpage=(CurPage-2>=1)?(parseInt(CurPage)+2):5;//显示5页，点击的页面位于中间
     for(j=0;j<5;++j)
   {
    if(cpage>PCount) cpage=PCount;
    if(cpage==CurPage)
     phtml="<a href='javascript:GoPage("+cpage+")'> <font color='#FF000'>"+cpage+"</font> </a>"+phtml;
    else
     phtml="<a href='javascript:GoPage("+cpage+")'> "+cpage+" </a>"+phtml;
    --cpage;    
   }   
   phtml=fpage+ppage+phtml+npage+lpage+gopage;       
  }
  else
  {
   while((++j)<=PCount)
    phtml+="<a href='javascript:GoPage("+j+")'> "+j+" </a>"; 
  }  
  pagediv.innerHTML=phtml;//赋值显示
 }

function $(o){return document.getElementById(o);}

</sctipt>

来源：python脚本自动迁移