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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM