js實(shí)現(xiàn)ASP分頁函數(shù) HTML分頁函數(shù)
更新時(shí)間：2006年09月22日 00:00:00 作者：
復(fù)制代碼 代碼如下:
<!--
//ASP分頁函數(shù)
function ShowListPage(page,Pcount,TopicNum,maxperpage,strLink,ListName){
var alertcolor = '#FF0000';
maxperpage=Math.floor(maxperpage);
TopicNum=Math.floor(TopicNum);
page=Math.floor(page);
var n,p;
if ((page-1)%10==0) {
p=(page-1) /10
}else{
p=(((page-1)-(page-1)%10)/10)
}
if(TopicNum%maxperpage==0) {
n=TopicNum/maxperpage;
}else{
n=(TopicNum-TopicNum%maxperpage)/maxperpage+1;
}
document.write ('<table border="0" cellpadding="0" cellspacing="1" class="Tableborder5">');
document.write ('<form method=post action="?pcount='+Pcount+strLink+'">');
document.write ('<tr align="center">');
document.write ('<td class="tabletitle1" title="'+ListName+'"> '+ListName+' </td>');
document.write ('<td class="tabletitle1" title="總數(shù)"> '+TopicNum+' </td>');
document.write ('<td class="tabletitle1" title="每頁"> '+maxperpage+' </td>');
document.write ('<td class="tabletitle1" title="頁次"> '+page+'/'+Pcount+'頁 </td>');
if (page==1){
document.write ('<td class="tablebody1"> <font face=webdings>9</font> </td>');
}else{
document.write ('<td class="tablebody1"> <a href="?page=1'+strLink+'" title="首頁"><font face=webdings>9</font></a> </td>');
}
if (p*10 > 0){
document.write ('<td class="tablebody1"> <a href="?page='+p*10+strLink+'" title="上十頁"><font face=webdings>7</font></a> </td>');
}
if (page < 2){
document.write ('<td class="tablebody1"> 首 頁 </td>');
document.write ('<td class="tablebody1"> 上一頁 </td>');
}else{
document.write ('<td class="tablebody1"> <a href="?page=1'+strLink+'" title="首頁">首 頁</a> </td>');
document.write ('<td class="tablebody1"> <a href="?page='+(page-1)+strLink+'" title="上一頁">上一頁</a> </td>');
}
if (Pcount-page < 1){
document.write ('<td class="tablebody1"> 下一頁 </td>');
document.write ('<td class="tablebody1"> 尾 頁 </td>');
}else{
document.write ('<td class="tablebody1"> <a href="?page='+(page+1)+strLink+'" title="下一頁">下一頁</a> </td>');
document.write ('<td class="tablebody1"> <a href="?page='+Pcount+strLink+'" title="尾頁">尾 頁</a> </td>');
}
for (var i=p*10+1;i<p*10+11;i++){
if (i==n) break;
}
if (i<n){
document.write ('<td class="tablebody1"> <a href="?page='+i+strLink+'" title="下十頁"><font face=webdings>8</font></a> <td>');
}
if (page==n){
document.write ('<td class="tablebody1"> <Font face=webdings>:</font> </td>');
}else{
document.write ('<td class="tablebody1"> <a href="?page='+n+strLink+'" title="尾頁"><font face=webdings>:</font></a> </td>');
}
document.write ('<td class="tablebody1"><input class="PageInput" type=text name="page" size=1 maxlength=10 value="'+page+'"></td>');
document.write ('<td class="tablebody1"><input type=submit value=Go name=submit class="PageInput"></td>');
document.write ('</tr>');
document.write ('</form></table>');
}
//HTML分頁函數(shù)
function ShowHtmlPage(page,Pcount,TopicNum,maxperpage,strLink,ExtName,ListName){
var alertcolor = '#FF0000';
maxperpage=Math.floor(maxperpage);
TopicNum=Math.floor(TopicNum);
page=Math.floor(page);
var n,p;
if ((page-1)%10==0) {
p=(page-1) /10
}else{
p=(((page-1)-(page-1)%10)/10)
}
if(TopicNum%maxperpage==0) {
n=TopicNum/maxperpage;
}else{
n=(TopicNum-TopicNum%maxperpage)/maxperpage+1;
}
document.write ('<table border="0" cellpadding="0" cellspacing="1" class="Tableborder5">');
document.write ('<form method=post>');
document.write ('<tr align="center">');
document.write ('<td class="tabletitle1" title="'+ListName+'"> '+ListName+' </td>');
document.write ('<td class="tabletitle1" title="總數(shù)"> '+TopicNum+' </td>');
document.write ('<td class="tabletitle1" title="每頁"> '+maxperpage+' </td>');
document.write ('<td class="tabletitle1" title="頁次"> '+page+'/'+Pcount+'頁 </td>');
if (page==1){
document.write ('<td class="tablebody1"> <font face=webdings>9</font> </td>');
}else{
document.write ('<td class="tablebody1"> <a href="index'+ExtName+'" title="首頁"><font face=webdings>9</font></a> </td>');
}
if (p*10 > 0){
document.write ('<td class="tablebody1"> <a href="'+strLink+(p*10)+ExtName+'" title="上十頁"><font face=webdings>7</font></a> </td>');
}
if (page < 3){
document.write ('<td class="tablebody1"> 首 頁 </td>');
document.write ('<td class="tablebody1"> <a href="index'+ExtName+'" title="上一頁">上一頁1</a> </td>');
}else{
document.write ('<td class="tablebody1"> <a href="index'+ExtName+'" title="首頁">首 頁1/a> </td>');
document.write ('<td class="tablebody1"> <a href="'+strLink+(page-1)+ExtName+'" title="上一頁">上一頁</a> </td>');
}
if (Pcount-page < 1){
document.write ('<td class="tablebody1"> 下一頁1 </td>');
document.write ('<td class="tablebody1"> 尾 頁 </td>');
}else{
document.write ('<td class="tablebody1"> <a href="'+strLink+(page+1)+ExtName+'" title="下一頁">下一頁</a> </td>');
document.write ('<td class="tablebody1"> <a href="'+strLink+Pcount+ExtName+'" title="尾頁">尾 頁</a> </td>');
}
for (var i=p*10+1;i<p*10+11;i++){
if (i==n) break;
}
if (i<n){
document.write ('<td class="tablebody1"> <a href="'+strLink+i+ExtName+'" title="下十頁"><font face=webdings>8</font></a> <td>');
}
if (page==n){
document.write ('<td class="tablebody1"> <Font face=webdings>:</font> </td>');
}else{
document.write ('<td class="tablebody1"> <a href="'+strLink+n+ExtName+'" title="尾頁"><font face=webdings>:</font></a> </td>');
}
//document.write ('<td class="tabletitle1" title="轉(zhuǎn)到"> GO </td>');
document.write ('<td class="tablebody1"><select class="PageInput" name="page" size="1" onchange="javascript:window.location=this.options[this.selectedIndex].value;">');
document.write ('<option value="index'+ExtName+'">第1頁</option>');
for (var i=2;i<TopicNum;i++){
if (i==page){
document.write ('<option value="'+strLink+i+ExtName+'" selected>第'+i+'頁</option>');
}else{
if (i==1){
document.write ('<option value="index'+ExtName+'">第1頁</option>');
}else{
document.write ('<option value="'+strLink+i+ExtName+'">第'+i+'頁</option>');
}
}
if (i==n) break;
}
document.write ('</select></td>');
document.write ('</tr>');
document.write ('</form></table>');
}
//-->
相關(guān)文章
javascript系統(tǒng)時(shí)間設(shè)置操作示例
這篇文章主要介紹了javascript系統(tǒng)時(shí)間設(shè)置操作,涉及javascript時(shí)間運(yùn)算與判斷相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
JavaScript設(shè)計(jì)模式之單件模式介紹
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之單件模式介紹,單件模式,就是靜態(tài)化的訪問中已經(jīng)實(shí)例化的對(duì)象,這個(gè)對(duì)象只能通過一個(gè)唯一的入口訪問,已經(jīng)實(shí)例或待實(shí)例化的對(duì)象,需要的朋友可以參考下2014-12-12
【JS+CSS3】實(shí)現(xiàn)帶預(yù)覽圖幻燈片效果的示例代碼
下面小編就為大家?guī)硪黄綣S+CSS3】實(shí)現(xiàn)帶預(yù)覽圖幻燈片效果的示例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家。給大家一個(gè)參考2016-03-03
JavaScript基于replace+正則實(shí)現(xiàn)ES6的字符串模版功能
這篇文章主要介紹了JavaScript基于replace+正則實(shí)現(xiàn)ES6的字符串模版功能,結(jié)合實(shí)例形式分析了replace結(jié)合正則實(shí)現(xiàn)ES6字符串模板功能的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
之前我們講到數(shù)組遍歷, 本文我們更進(jìn)一步, 講講如何提高遍歷的效率. 下面這篇文章主要深入的介紹了Javascript中作用域鏈和閉包的相關(guān)資料，需要的朋友可以參考下2017-04-04
微信小程序?qū)W習(xí)總結(jié)（四）事件與冒泡實(shí)例分析
這篇文章主要介紹了微信小程序?qū)W習(xí)總結(jié)（四）事件與冒泡,結(jié)合實(shí)例形式分析了微信小程序事件、冒泡、數(shù)據(jù)獲取相關(guān)機(jī)制、原理與操作注意事項(xiàng),需要的朋友可以參考下2020-06-06
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)小星星游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
網(wǎng)頁自動(dòng)跳轉(zhuǎn)代碼收集2009-09-09
JS動(dòng)態(tài)插入腳本和插入引用外部鏈接腳本的方法
js 動(dòng)態(tài)插入腳本的是在頁面加載時(shí)不存在，但將來的某一時(shí)刻通過修改該 DOM 動(dòng)態(tài)添加的腳本。接下來通過本文給大家介紹JS動(dòng)態(tài)插入腳本和插入引用外部鏈接腳本,需要的朋友可以參考下2018-05-05
JS中的算法與數(shù)據(jù)結(jié)構(gòu)之集合(Set)實(shí)例詳解
這篇文章主要介紹了JS中的算法與數(shù)據(jù)結(jié)構(gòu)之集合(Set),結(jié)合實(shí)例形式詳細(xì)分析了javascript中集合的概念、原理、定義及相關(guān)操作技巧,需要的朋友可以參考下2019-08-08