简单的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 相关文章推荐
jQuery EasyUI 中文API Button使用实例
Apr 14 Javascript
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
Nov 21 Javascript
常见表单重复提交问题整理及解决方法
Nov 13 Javascript
js 动态为textbox添加下拉框数据源的方法
Apr 24 Javascript
node.js中的buffer.length方法使用说明
Dec 14 Javascript
JavaScript的事件代理和委托实例分析
Mar 25 Javascript
基于Javascript实现的不重复ID的生成器
Dec 25 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
angularjs中$http异步上传Excel文件方法
Feb 23 Javascript
利用原生JavaScript实现造日历轮子实例代码
May 08 Javascript
小程序使用wxs解决wxml保留2位小数问题
Dec 13 Javascript
浅谈vue的第一个commit分析
Jun 08 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设计模式之装饰者模式
2012/02/29 PHP
php实现上传图片生成缩略图示例
2014/04/13 PHP
php中使用PHPExcel读写excel(xls)文件的方法
2014/09/15 PHP
linux下php上传文件注意事项
2016/06/11 PHP
PHP Class SoapClient not found解决方法
2018/01/20 PHP
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
浅谈javascript中的instanceof和typeof
2015/02/27 Javascript
基于jQuery日历插件制作日历
2016/03/11 Javascript
AngularJS通过$sce输出html的方法
2016/09/22 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
2017/05/09 Javascript
原生js封装添加class,删除class的实例
2017/11/06 Javascript
vue-cli实现多页面多路由的示例代码
2018/01/30 Javascript
js+html5实现手机九宫格密码解锁功能
2018/07/30 Javascript
vue中el-upload上传图片到七牛的示例代码
2018/10/19 Javascript
js实现每日签到功能
2018/11/29 Javascript
JavaScript 如何在浏览器中使用摄像头
2020/12/02 Javascript
[05:24]TI9采访——教练
2019/08/24 DOTA
pandas表连接 索引上的合并方法
2018/06/08 Python
Python实用技巧之利用元组代替字典并为元组元素命名
2018/07/11 Python
对python中的float除法和整除法的实例详解
2019/07/20 Python
图解python全局变量与局部变量相关知识
2019/11/02 Python
Python MySQL 日期时间格式化作为参数的操作
2020/03/02 Python
在django中查询获取数据,get, filter,all(),values()操作
2020/08/09 Python
python如何提升爬虫效率
2020/09/27 Python
利用纯CSS3实现文字向右循环闪过效果实例(可用于移动端)
2017/06/15 HTML / CSS
师范生自我鉴定范文
2013/10/05 职场文书
2014年五四青年节活动策划书
2014/04/22 职场文书
十佳少先队员演讲稿
2014/09/12 职场文书
简易离婚协议书范本
2014/10/24 职场文书
2015年大学迎新工作总结
2015/07/16 职场文书
优秀教师工作总结2015
2015/07/22 职场文书
2016年政治理论学习心得体会
2016/01/25 职场文书
求职自荐信该如何书写?
2019/06/24 职场文书
mysql 带多个条件的查询方式
2021/06/05 MySQL
Python办公自动化之教你如何用Python将任意文件转为PDF格式
2021/06/28 Python
基于Python实现将列表数据生成折线图
2022/03/23 Python