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

推荐订阅源

钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Apple Machine Learning Research
Apple Machine Learning Research
Last Week in AI
Last Week in AI
Blog — PlanetScale
Blog — PlanetScale
V
Visual Studio Blog
月光博客
月光博客
博客园 - 三生石上(FineUI控件)
博客园 - Franky
IT之家
IT之家
博客园 - 叶小钗
Engineering at Meta
Engineering at Meta
The GitHub Blog
The GitHub Blog
雷峰网
雷峰网
腾讯CDC
博客园 - 聂微东
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
V
V2EX
人人都是产品经理
人人都是产品经理
MongoDB | Blog
MongoDB | Blog
大猫的无限游戏
大猫的无限游戏
Martin Fowler
Martin Fowler
宝玉的分享
宝玉的分享
博客园_首页
G
Google Developers 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}

也许对大家有帮助!