简单的js分页脚本


Posted in Javascript onMay 21, 2009
<%@ 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,总页数又大于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+" 转到<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>
Javascript 相关文章推荐
一个多次搜索+多次传值的解决方案
Jan 20 Javascript
Js 刷新框架页的代码
Apr 13 Javascript
JavaScript中几种常见排序算法小结
Feb 22 Javascript
实例分析js和C#中使用正则表达式匹配a标签
Nov 26 Javascript
深入剖析JavaScript编程中的对象概念
Oct 21 Javascript
js创建jsonArray传输至后台及后台全面解析
Apr 11 Javascript
Bootstrap基本模板的使用和理解1
Dec 14 Javascript
vue组件间通信子与父详解(二)
Nov 07 Javascript
利用JavaScript的Map提升性能的方法详解
Aug 14 Javascript
小程序实现长按保存图片的方法
Dec 31 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
Oct 27 Javascript
vue-router定义元信息meta操作
Dec 07 Vue.js
input+select(multiple) 实现下拉框输入值
May 21 #Javascript
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
May 21 #Javascript
Javascript 兼容firefox的一些问题
May 21 #Javascript
鼠标经过的文本框textbox变色
May 21 #Javascript
jQuery 性能优化指南(3)
May 21 #Javascript
jQuery 性能优化指南(2)
May 21 #Javascript
jQuery 性能优化指南 (1)
May 21 #Javascript
You might like
PHP4实际应用经验篇(4)
2006/10/09 PHP
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
PHP+JS+rsa数据加密传输实现代码
2011/03/23 PHP
jQuery+PHP发布的内容进行无刷新分页(Fckeditor)
2015/10/22 PHP
Mac下关于PHP环境和扩展的安装详解
2019/10/17 PHP
PHP实现简单的协程任务调度demo示例
2020/02/01 PHP
JScript中的undefined和&quot;undefined&quot;的区别
2007/03/08 Javascript
js tab 选项卡
2009/04/26 Javascript
仿百度的关键词匹配搜索示例
2013/09/25 Javascript
jquery map方法使用示例
2014/04/23 Javascript
我的NodeJs学习小结(一)
2014/07/06 NodeJs
JavaScript中的return语句简单介绍
2015/12/07 Javascript
js和jquery实现监听键盘事件示例代码
2020/06/24 Javascript
JavaScript通过代码调用Flash显示的方法
2016/02/02 Javascript
AngularJS 实现弹性盒子布局的方法
2016/08/30 Javascript
详解jQuery选择器
2016/12/21 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
2017/12/29 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
2018/12/24 Javascript
在vue-cli中引入lodash.js并使用详解
2019/11/13 Javascript
基于jQuery拖拽事件的封装
2020/11/29 jQuery
[49:35]KG vs SECRET 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
Python实现将数据库一键导出为Excel表格的实例
2016/12/30 Python
Python开发SQLite3数据库相关操作详解【连接,查询,插入,更新,删除,关闭等】
2017/07/27 Python
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
Python实现按逗号分隔列表的方法
2018/10/23 Python
python实现邮件循环自动发件功能
2020/09/11 Python
浅析Python 字符编码与文件处理
2020/09/24 Python
html5使用canvas绘制一张图片
2014/12/15 HTML / CSS
探索欧洲最好的品牌:Bombinate
2019/06/14 全球购物
廉政教育心得体会
2014/01/01 职场文书
市场营销大学生职业规划书
2014/02/25 职场文书
教师批评与自我批评总结
2014/10/16 职场文书
优秀教师先进材料
2014/12/16 职场文书
入党积极分子党支部意见
2015/06/02 职场文书
2017新年晚会开幕词
2016/03/03 职场文书