簡單的js分頁腳本
更新時間：2009年05月21日 22:47:08 作者：
js分頁腳本實現(xiàn)代碼。
復(fù)制代碼 代碼如下:
<%@ 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>無標題頁</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;
}
//如果顯示的第一頁<10，總頁數(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)+"'>上一頁</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)+"'>下一頁</a>"+" ";
}
document.getElementById("pagenumber").innerHTML=html+" 轉(zhuǎn)到<input id=\"page\" style=\"width: 33px\" />頁 <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("頁碼不存在！");
return false;
}
}
</script>
</head>
<body onload="funcLoad(0)">
<form id="form1" runat="server">
<div id="pagenumber">
</div>
</form>
</body>
</html>
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細介紹了微信小程序云開發(fā)之數(shù)據(jù)庫操作，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
Firefox下提示illegal character并出現(xiàn)亂碼的原因
Firefox下提示illegal character并出現(xià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ù)組常用方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要給大家介紹了關(guān)于提高Javascript代碼效率的技巧,通過這些技巧可以提高大家工作效率,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
詳解JavaScript?(!!)?中的雙感嘆號是干什么用的
JavaScript?不是靜態(tài)語言，而是動態(tài)語言，這意味著變量可以引用或保存任何類型的值，此外，該類型可以隨時更改，這篇文章主要介紹了JavaScript?(!!)?中的雙感嘆號作用,需要的朋友可以參考下2022-09-09
微信小程序基于slider組件動態(tài)修改標簽透明度的方法示例
這篇文章主要介紹了微信小程序基于slider組件動態(tài)修改標簽透明度的方法,可通過slider組件拖動實現(xiàn)圖片透明度的改變功能,涉及微信小程序事件綁定、base64格式圖片載入及slider組件使用技巧,需要的朋友可以參考下2017-12-12
在firefox中，如果一個textarea獲取焦點，在輸入法激活的狀態(tài)如果這時js將該textarea的value修改，那么該textarea會直接被清空，下面是具體的解決方法，遇到類似問題的朋友可以參考下2013-07-07
javascript實現(xiàn)點擊產(chǎn)生隨機圖形
這篇文章主要為大家詳細介紹了javascript實現(xiàn)點擊產(chǎn)生隨機圖形，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01