简单的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 相关文章推荐
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
Feb 22 Javascript
JavaScript中String.prototype用法实例
May 20 Javascript
js实现网页多级级联菜单代码
Aug 20 Javascript
jQuery动画显示和隐藏效果实例演示(附demo源码下载)
Dec 31 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
Jun 01 Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
Mar 13 Javascript
jQuery列表检索功能实现代码
Jul 17 jQuery
微信小程序授权获取用户详细信息openid的实例详解
Sep 20 Javascript
layui switch 开关监听 弹出确定状态转换的例子
Sep 21 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
Jun 01 Javascript
微信小程序实现分页加载效果
Nov 19 Javascript
详细聊聊浏览器是如何看闭包的
Nov 11 Javascript
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
PHP中通过ADO调用Access数据库的方法测试不通过
2006/12/31 PHP
php 删除记录实现代码
2009/03/12 PHP
php ci框架验证码实例分析
2013/06/26 PHP
针对多用户实现头像上传功能PHP代码 适用于登陆页面制作
2016/08/17 PHP
php-fpm开启状态统计的方法详解
2017/06/23 PHP
PHP实现获取文件mime类型多种方法解析
2020/05/28 PHP
phpstorm最新激活码分享亲测phpstorm2020.2.3版可用
2020/11/22 PHP
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010/04/15 Javascript
Html中JS脚本执行顺序简单举例说明
2010/06/19 Javascript
基于jquery的可多选的下拉列表框
2012/07/20 Javascript
完全深入学习Bootstrap表单
2016/11/28 Javascript
关于vue中 $emit的用法详解
2018/04/12 Javascript
浅谈如何通过node.js对数据进行MD5加密
2018/05/16 Javascript
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
2019/10/12 Javascript
vue+element实现图片上传及裁剪功能
2020/06/29 Javascript
vue 导航锚点_点击平滑滚动,导航栏对应变化详解
2020/08/10 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
2020/11/04 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
2021/01/20 Javascript
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
[39:07]LGD vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
简单文件操作python 修改文件指定行的方法
2013/05/15 Python
Python 实现链表实例代码
2017/04/07 Python
python3+PyQt5图形项的自定义和交互 python3实现page Designer应用程序
2020/07/20 Python
Python向Excel中插入图片的简单实现方法
2018/04/24 Python
使用Python正则表达式操作文本数据的方法
2019/05/14 Python
详解python中的模块及包导入
2019/08/30 Python
Python连接HDFS实现文件上传下载及Pandas转换文本文件到CSV操作
2020/06/06 Python
CSS3 创建网页动画实现弹跳球动效果
2018/10/30 HTML / CSS
Zavvi美国:英国娱乐之家
2017/03/19 全球购物
金融专业个人求职信范文
2013/11/28 职场文书
教师节演讲稿
2014/05/06 职场文书
小学庆六一活动总结
2014/08/28 职场文书
教育合作协议范本
2014/10/17 职场文书
2014年新农村建设工作总结
2014/12/01 职场文书
房租涨价通知
2015/04/23 职场文书