快捷導(dǎo)航

簡(jiǎn)單的js分頁(yè)腳本

更新時(shí)間：2009年05月21日 22:47:08 作者：

js分頁(yè)腳本實(shí)現(xiàn)代碼。

<%@ Page Language="C#" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<script runat="server"> 
</script> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title>無(wú)標(biāo)題頁(yè)</title> 
<script language="javascript" type="text/javascript" > 
function showpage(url,num,c_p) 
{ 
var prev=0;var next=0;var temp=0;var html=""; 
if(parseInt(c_p+3)>num) 
{ 
prev=num; 
} 
else 
{ 
prev=parseInt(c_p+3); 
} 
temp=10-(prev-c_p); 
if(c_p-temp>0) 
{ 
next=c_p-temp; 
} 
else 
{ 
next=1; 
} 
//如果顯示的第一頁(yè)<10，總頁(yè)數(shù)又大于10 
if(c_p+3<10&&num>c_p+3) 
{ 
for(j=1;j<=10-(c_p+3);j++) 
{ 
prev++; 
} 
} 
if(c_p!=num) 
{ 
html+="<a href='"+url+"index="+(1+c_p)+"'>上一頁(yè)</a>"+" "; 
} 
for (i=prev;i>=next;i--) 
{ 
if (i==c_p) 
{ 
html+="<font color=red>"+i+" </font>"; 
} 
else 
{ 
html+="<a href='"+url+"index="+i+"'>"+i+"</a>"+" "; 
} 
} 
if(c_p!=1) 
{ 
html+="<a href='"+url+"index="+(c_p-1)+"'>下一頁(yè)</a>"+" "; 
} 
document.getElementById("pagenumber").innerHTML=html+" 轉(zhuǎn)到<input id=\"page\" style=\"width: 33px\" />頁(yè) <input type=\"button\" value=\"go\" onclick=\"funcGo()\" />"; 
} 
function funcLoad() 
{ 
var num=100; 
var url="testpager.html?"; 
var index ; 
index = getUrlParam("index"); 
if(index==0) 
{ 
index=num; 
} 
showpage(url,num,index); 
} 
function getUrlParam(name) 
{ 
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
var r = window.location.search.substr(1).match(reg); 
if (r!=null) 
{ 
return parseInt(unescape(r[2])); 
} 
return 0; 
} 
function funcGo() 
{ 
var num=100; 
if(parseInt(document.getElementById("page").value)>0&&parseInt(document.getElementById("page").value)<=num) 
{ 
window.location.href="testpager.html?index="+parseInt(document.getElementById("page").value); 
} 
else 
{ 
alert("頁(yè)碼不存在！"); 
return false; 
} 
} 
</script> 
</head> 
<body onload="funcLoad(0)"> 
<form id="form1" runat="server"> 
<div id="pagenumber"> 
</div> 
</form> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

微信小程序云開(kāi)發(fā)之?dāng)?shù)據(jù)庫(kù)操作
這篇文章主要為大家詳細(xì)介紹了微信小程序云開(kāi)發(fā)之?dāng)?shù)據(jù)庫(kù)操作，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-05-05
Firefox下提示illegal character并出現(xiàn)亂碼的原因
Firefox下提示illegal character并出現(xiàn)亂碼的問(wèn)題，時(shí)間是是因?yàn)榫幋a的問(wèn)題導(dǎo)致。
2010-03-03
Javascript中valueOf與toString區(qū)別淺析
Javascript中valueOf與toString區(qū)別淺析，需要的朋友可以參考一下
2013-03-03
Javascript(AJAX)解析XML的代碼(兼容FIREFOX/IE)
Javascript AJAX 解析XML的代碼(兼容FIREFOX/IE)
2010-07-07
javascript數(shù)組常用方法匯總
這篇文章主要匯總了javascript中數(shù)組常用方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
一文教會(huì)你提高Javascript代碼效率的技巧
這篇文章主要給大家介紹了關(guān)于提高Javascript代碼效率的技巧,通過(guò)這些技巧可以提高大家工作效率,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-07-07
詳解JavaScript?(!!)?中的雙感嘆號(hào)是干什么用的
JavaScript?不是靜態(tài)語(yǔ)言，而是動(dòng)態(tài)語(yǔ)言，這意味著變量可以引用或保存任何類型的值，此外，該類型可以隨時(shí)更改，這篇文章主要介紹了JavaScript?(!!)?中的雙感嘆號(hào)作用,需要的朋友可以參考下
2022-09-09
微信小程序基于slider組件動(dòng)態(tài)修改標(biāo)簽透明度的方法示例
這篇文章主要介紹了微信小程序基于slider組件動(dòng)態(tài)修改標(biāo)簽透明度的方法,可通過(guò)slider組件拖動(dòng)實(shí)現(xiàn)圖片透明度的改變功能,涉及微信小程序事件綁定、base64格式圖片載入及slider組件使用技巧,需要的朋友可以參考下
2017-12-12
火狐textarea輸入法的bug的觸發(fā)及解決
在firefox中，如果一個(gè)textarea獲取焦點(diǎn)，在輸入法激活的狀態(tài)如果這時(shí)js將該textarea的value修改，那么該textarea會(huì)直接被清空，下面是具體的解決方法，遇到類似問(wèn)題的朋友可以參考下
2013-07-07
javascript實(shí)現(xiàn)點(diǎn)擊產(chǎn)生隨機(jī)圖形
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)點(diǎn)擊產(chǎn)生隨機(jī)圖形，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01