JavaScript实现的分页(样式1)
来源:互联网 发布:电视剧配音软件 编辑:程序博客网 时间:2024/05/17 09:43
自己写的一个JavaScript的分页函数,这个是第一个样式。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<strong>分页:</strong><br /><br />
<script language="javascript">...
/**//*
* 函数:Pagination(RCount,PageSize,CurPage,QString)
* 说明:计算分页信息
<strong>分页:</strong><br /><br />
<script language="javascript">...
/**//*
* 函数:Pagination(RCount,PageSize,CurPage,QString)
* 说明:计算分页信息
* 作者:lg970044
* 输入:
* @参数 {Number}RCount 总的记录个数
* @参数 {Number}PageSize 页面的最大记录个数
* @参数 {Number}CurPage 当前页数
* @参数 {String}QString 链接的查询字符串
* #参数 {String}RUnit 记录的单位
* 输出:
* @参数 {String}PaginationString 包含分页信息的字符串
*/
function Pagination(RCount,PageSize,CurPage,QString)...{
//默认参数RUnit(记录的单位)设为 "个"
var RUnit=arguments[4]?arguments[4]:"个";
var PaginationString="";
var PCount;
//取得当前页数
if (CurPage=="" || CurPage==0 || CurPage==null)...{CurPage=1;}
//对查询字符串进行补充
if (QString=="?")...{QString="";}
if (QString.indexOf("?")==-1)...{QString+="?";}else...{QString+="&";}
RCount=parseInt(RCount);
PageSize=parseInt(PageSize);
CurPage=parseInt(CurPage);
//计算出总页数
if (RCount%PageSize==0)...{
PCount=parseInt(RCount/PageSize);
}else...{
PCount=parseInt(RCount/PageSize)+1
}
//当传递的当前页数比总页数大时,使当前页数等于总页数
if (CurPage>PCount)...{CurPage=PCount;}
//组成分页信息的字符串
PaginationString+="共<strong>"+PCount+"</strong>"+RUnit+" ";
if (CurPage<2)
...{
PaginationString+="首页 上一页 ";
}else...{
PaginationString+="<a href='"+QString+"page=1'>首页</a> <a href='"+QString+"page="+(CurPage-1)+"'>上一页</a> ";
}
if (PCount-CurPage<1)
...{
PaginationString+="下一页 尾页";
}else...{
PaginationString+="<a href='"+QString+"page="+(CurPage+1)+"'>下一页</a> <a href='"+QString+"page="+PCount+"'>尾页</a>";
}
PaginationString+=" 页次:<strong style='color:red'>"+CurPage+"</strong>/<strong>"+PCount+"</strong>页 <strong>"+PageSize+"</strong>"+RUnit+"/页 ";
PaginationString+="转到:<select onchange="javascript:window.location='"+QString+"page='+this.options[this.selectedIndex].value;">";
for (var i=1;i<=PCount;i++)
...{
if (i==CurPage)
...{
PaginationString+="<option value='"+i+"' selected>第"+i+"页</option>";
}else...{
PaginationString+="<option value='"+i+"'>第"+i+"页</option>";
}
}
PaginationString+="</select>";
return PaginationString;
}
</script>
示例1:
<script language = "JavaScript">...
document.write(Pagination(365,20,9,""));
</script>
<br /><br />
示例2:
<script language = "JavaScript">...
document.write(Pagination(105,20,1,"?id=110","篇"));
</script>
<br /><br />
* 输入:
* @参数 {Number}RCount 总的记录个数
* @参数 {Number}PageSize 页面的最大记录个数
* @参数 {Number}CurPage 当前页数
* @参数 {String}QString 链接的查询字符串
* #参数 {String}RUnit 记录的单位
* 输出:
* @参数 {String}PaginationString 包含分页信息的字符串
*/
function Pagination(RCount,PageSize,CurPage,QString)...{
//默认参数RUnit(记录的单位)设为 "个"
var RUnit=arguments[4]?arguments[4]:"个";
var PaginationString="";
var PCount;
//取得当前页数
if (CurPage=="" || CurPage==0 || CurPage==null)...{CurPage=1;}
//对查询字符串进行补充
if (QString=="?")...{QString="";}
if (QString.indexOf("?")==-1)...{QString+="?";}else...{QString+="&";}
RCount=parseInt(RCount);
PageSize=parseInt(PageSize);
CurPage=parseInt(CurPage);
//计算出总页数
if (RCount%PageSize==0)...{
PCount=parseInt(RCount/PageSize);
}else...{
PCount=parseInt(RCount/PageSize)+1
}
//当传递的当前页数比总页数大时,使当前页数等于总页数
if (CurPage>PCount)...{CurPage=PCount;}
//组成分页信息的字符串
PaginationString+="共<strong>"+PCount+"</strong>"+RUnit+" ";
if (CurPage<2)
...{
PaginationString+="首页 上一页 ";
}else...{
PaginationString+="<a href='"+QString+"page=1'>首页</a> <a href='"+QString+"page="+(CurPage-1)+"'>上一页</a> ";
}
if (PCount-CurPage<1)
...{
PaginationString+="下一页 尾页";
}else...{
PaginationString+="<a href='"+QString+"page="+(CurPage+1)+"'>下一页</a> <a href='"+QString+"page="+PCount+"'>尾页</a>";
}
PaginationString+=" 页次:<strong style='color:red'>"+CurPage+"</strong>/<strong>"+PCount+"</strong>页 <strong>"+PageSize+"</strong>"+RUnit+"/页 ";
PaginationString+="转到:<select onchange="javascript:window.location='"+QString+"page='+this.options[this.selectedIndex].value;">";
for (var i=1;i<=PCount;i++)
...{
if (i==CurPage)
...{
PaginationString+="<option value='"+i+"' selected>第"+i+"页</option>";
}else...{
PaginationString+="<option value='"+i+"'>第"+i+"页</option>";
}
}
PaginationString+="</select>";
return PaginationString;
}
</script>
示例1:
<script language = "JavaScript">...
document.write(Pagination(365,20,9,""));
</script>
<br /><br />
示例2:
<script language = "JavaScript">...
document.write(Pagination(105,20,1,"?id=110","篇"));
</script>
<br /><br />
详细内容见:http://www.qlolo.com/?m=pc&a=page_fh_diary&target_c_diary_id=875
- JavaScript实现的分页(样式1)
- JavaScript实现的分页(样式2)
- c#实现google样式的分页
- c#实现google样式的分页
- c#实现google样式的分页
- c#实现google样式的分页
- c#实现google样式的分页
- c#实现google样式的分页
- c#实现google样式的分页
- c#实现google样式的分页
- php实现google样式的分页
- c#实现google样式的分页
- c#实现google样式的分页
- Struts2,oracle实现GOOGLE的分页样式
- GridView分页的实现,自己定义的分页样式功能
- javascript分页效果的实现
- javaScript实现的前台分页
- GridView分页的实现以及自定义分页样式功能实例
- 使用Rational Rose对VC工程进行反向
- JavaScript实现二级联动下拉框
- 李阳疯狂英语突破对话(17)-去银行怎么走
- 老婆眼中的站长男人
- 在sql server 2005 express中导入已有数据库
- JavaScript实现的分页(样式1)
- spring集成poi完成电子表格报表完全版
- 数学之美 系列十三 信息指纹及其应用
- 数学之美 系列 12 - 余弦定理和新闻的分类
- 李阳疯狂英语突破对话(18)-公共汽车多久一班
- 转:sql server系统表详细说明
- Windows XP 下设置Tomcat5.5的虚拟主机
- X Window研究笔记(15)
- The Most Important Design Guideline?