在做项目的时候,要求使用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
}
41
function reloadpager()
42
{
43
var pp=document.getElementById("bar");
44
document.getElementById("pager").removeChild(pp);
45
}
也许对大家有帮助!
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
}41
function reloadpager()42
{43
var pp=document.getElementById("bar");44
document.getElementById("pager").removeChild(pp);45
}

浙公网安备 33010602011771号