javascript分頁程式

來源:互聯網
上載者:User
     在做項目的時候,要求使用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}

也許對大家有協助!

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.