在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> '; pre='<span class="blue">上一頁</span> '; next='<span class="blue">下一頁</span> '; last='<span class="blue">尾頁</span> '; }else{ if(_nCurrIndex==0){ pre='<span class="blue">上一頁</span> '; first='<span class="blue">首頁</span> '; next='<a class="blue" href="'+_sPageName+'_' +(nCurrIndex+1)+'.'+_sPageExt+'">下一頁</a> '; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾頁</a> '; } else{ if(_nCurrIndex==1){ first='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">首頁</a> '; pre='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">上一頁</a> '; if(_nPageCount==2){ next='<span class="blue">下一頁</span> '; last='<span class="blue">尾頁</span> '; } else{ next='<a class="blue" href="'+_sPageName+'_' + (nCurrIndex+1)+'.'+_sPageExt+'">下一頁</a> '; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾頁</a> '; }} else{ first='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">首頁</a> '; pre='<a class="blue" href="'+_sPageName+'_'+(nCurrIndex -1)+'.'+_sPageExt+'">上一頁</a> '; if(nCurrIndex+1==_nPageCount){ next='<span class="blue">下一頁</span> '; last='<span class="blue">尾頁</span> '; } else{ next='<a class="blue" href="'+_sPageName+'_' + (nCurrIndex+1)+'.'+_sPageExt+'">下一頁</a> '; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾頁</a> '; } }
}
}
document.write("第"+(nCurrIndex+1)+"頁,共"+_nPageCount+"頁 "+first+pre+next+last); }
createPageHTML(${PAGE_COUNT}, ${PAGE_INDEX}, "${PAGE_NAME}", "${PAGE_EXT}"); </SCRIPT> </div>
