zoukankan      html  css  js  c++  java
  • HTML静态分页(形如:首页,上一页,下一页,尾页)

    在HTML中有时候我们会用到静态分页,一次拿回一定量的数据结果条目,我们会以形如:第2页,共12页  首页 上一页 下一页 尾页 的方式进行静态分页,以下是该种静态分页的代码,供兄弟姐妹们参考。 

    <div class="page"> <!-- a href="tosearch.jsp" target="_blank" class="blue">更多</a -->

    <SCRIPT type="text/javascript">

    function createPageHTML(_nPageCount, _nCurrIndex, _sPageName, _sPageExt){   if(_nPageCount == null || _nPageCount<1){     return;   }   var nCurrIndex = _nCurrIndex || 0;   var pre,next,first,last;   if(_nPageCount==1){   first='<span class="blue">首页</span>&nbsp;'; pre='<span class="blue">上一页</span>&nbsp;'; next='<span class="blue">下一页</span>&nbsp;'; last='<span class="blue">尾页</span>&nbsp;'; }else{  if(_nCurrIndex==0){      pre='<span class="blue">上一页</span>&nbsp;';      first='<span class="blue">首页</span>&nbsp;'; next='<a class="blue" href="'+_sPageName+'_' +(nCurrIndex+1)+'.'+_sPageExt+'">下一页</a>&nbsp;';      last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾页</a>&nbsp;'; } else{  if(_nCurrIndex==1){    first='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">首页</a>&nbsp;'; pre='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">上一页</a>&nbsp;';    if(_nPageCount==2){ next='<span class="blue">下一页</span>&nbsp;'; last='<span class="blue">尾页</span>&nbsp;'; } else{ next='<a class="blue" href="'+_sPageName+'_' + (nCurrIndex+1)+'.'+_sPageExt+'">下一页</a>&nbsp;'; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾页</a>&nbsp;'; }} else{    first='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">首页</a>&nbsp;'; pre='<a class="blue" href="'+_sPageName+'_'+(nCurrIndex -1)+'.'+_sPageExt+'">上一页</a>&nbsp;'; if(nCurrIndex+1==_nPageCount){ next='<span class="blue">下一页</span>&nbsp;'; last='<span class="blue">尾页</span>&nbsp;'; } else{ next='<a class="blue" href="'+_sPageName+'_' + (nCurrIndex+1)+'.'+_sPageExt+'">下一页</a>&nbsp;'; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾页</a>&nbsp;'; } }

    }

    }

    document.write("第"+(nCurrIndex+1)+"页,共"+_nPageCount+"页&nbsp;&nbsp;"+first+pre+next+last); }

    createPageHTML(${PAGE_COUNT}, ${PAGE_INDEX}, "${PAGE_NAME}", "${PAGE_EXT}");   </SCRIPT> </div>

  • 相关阅读:
    bzoj 1689: [Usaco2005 Open] Muddy roads 泥泞的路【贪心】
    bzoj 1734: [Usaco2005 feb]Aggressive cows 愤怒的牛【二分+贪心】
    bzoj 3401: [Usaco2009 Mar]Look Up 仰望【单调栈】
    bzoj 1652: [Usaco2006 Feb]Treats for the Cows【区间dp】
    bzoj 1718: [Usaco2006 Jan] Redundant Paths 分离的路径【tarjan】
    bzoj 1655: [Usaco2006 Jan] Dollar Dayz 奶牛商店【高精度+完全背包】
    洛谷 P3121 [USACO15FEB]审查(黄金)Censoring (Gold) 【AC自动机+栈】
    bzoj 3942: [Usaco2015 Feb]Censoring【kmp+栈】
    bzoj 1578: [Usaco2009 Feb]Stock Market 股票市场【背包】
    性能优化一大推
  • 原文地址:https://www.cnblogs.com/dreamzhiya/p/3784223.html
Copyright © 2011-2022 走看看