简单的js分页脚本
2009-05-21 00:00
447 查看
<%@ 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>
相关文章推荐
- 简单的js分页脚本
- 简单的js分页脚本
- 简单的js分页脚本
- 简单的分页代码js实现
- 仿淘宝分页按钮效果简单美观易使用的JS分页控件
- 使 WebBrowser 更简单的新加和执行 js, 可安装 jQuery 脚本的 C# 开源代码 - IEBrowse...
- [JS脚本][实用小软件]一个简单的汉字简体繁体转换工具源代码
- datatables.js 简单使用--多选框和服务器端分页
- 简单封装分页功能pageView.js
- Javascript,json 实现的js 脚本搜索,加分页,附源码
- C#调用脚本语言(三)-- IronJS 与 IronLua 简单方法性能比较
- 分页7种JS脚本分页代码
- 【网站安全】简单的Js脚本攻击sql注入攻击
- 非常简单的JS分页效果
- sql单表简单的分页脚本(续)
- js简单的分页
- js简单分页,可用
- 一个简单的js脚本实现表格排序
- Html中JS脚本执行顺序简单举例说明
- 基于JS分页控件实现简单美观仿淘宝分页按钮效果