惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Last Week in AI
Last Week in AI
阮一峰的网络日志
阮一峰的网络日志
P
Proofpoint News Feed
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
MongoDB | Blog
MongoDB | Blog
云风的 BLOG
云风的 BLOG
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
J
Java Code Geeks
WordPress大学
WordPress大学
T
The Blog of Author Tim Ferriss
V
Visual Studio Blog
小众软件
小众软件
Microsoft Azure Blog
Microsoft Azure Blog
博客园_首页
IT之家
IT之家
Vercel News
Vercel News
C
Check Point Blog
Google DeepMind News
Google DeepMind News
月光博客
月光博客
D
DataBreaches.Net
酷 壳 – CoolShell
酷 壳 – CoolShell
美团技术团队
Y
Y Combinator Blog
Hugging Face - Blog
Hugging Face - Blog

博客园 - symjie

每天学一点AS3.0(五)---声音的控制(5) 每天学一点AS3.0(四)---声音的控制(4) 每天学一点AS3.0(三)---声音的控制(3) 每天学一点AS3.0(二)---声音的控制(2) 每天学一点AS3.0(一)---声音的控制 Jquery json的超强组合 - symjie - 博客园 初试jquery制作一个简单的loading delegate——委派 - symjie - 博客园 sql 分页 Ajax.net和GridView交互 Ajax.net实现loading登陆的效果 - symjie - 博客园 Ajax.net+模态窗口的登陆简单例子 GridView自定义分页(vb) - symjie - 博客园 用下拉列表控制gridview的分页 DataView数据组件 (转) c#冒泡程序 Atlas学习笔记 getElementByTagsName和相关函数的学习 基于Ajax.net的验证
javascript分页程序 - symjie - 博客园
symjie · 2008-03-02 · via 博客园 - symjie

     在做项目的时候,要求使用ajax的无刷新的分页,可以由于自己对pagerhealp类不是很熟悉,所以就放弃这个念头。想起以前用sql 的存储过程来写的分页,于是就想使用javascript和Jquery来写了一个分页的程序,下面只把分页的功能写出来,Jquery的ajax请求就省略了。

 1    function Pagers(page)
 2{   
 3  var div=document.createElement("div");
 4  div.id="bar";
 5  document.getElementById("pager").appendChild(div);
 6  var j=(page-3<1)?1:page-3;
 7  var k=(page+3>maxpage)?maxpage:page+3;
 8  if(j>1)
 9  {
10    var a=document.createElement("a");
11    a.href="#";
12    a.innerHTML="";    
13    document.getElementById("bar").appendChild(a);  
14  }

15  for(var i=j;i<k+1;i++)
16  {
17       if(i!=k)
18       {
19         var a=document.createElement("a");
20         var s=i;
21         a.href="javascript:reloadpager();Pagers("+i+");";
22         a.innerHTML=i;         
23         document.getElementById("bar").appendChild(a);            
24         continue;
25      }
     
26       if(maxpage>k)
27       {
28         var a=document.createElement("a");
29         a.href="#";
30         a.innerHTML="";        
31         document.getElementById("bar").appendChild(a);
32         var a=document.createElement("a");
33         a.href="#";
34         a.onclick="reloadpager();Pagers("+maxpage+");";
35         a.innerHTML=maxpage;         
36         document.getElementById("bar").appendChild(a);
37       }

38   }

39 
40}

41function reloadpager()
42{
43  var pp=document.getElementById("bar");
44  document.getElementById("pager").removeChild(pp);
45}

也许对大家有帮助!