Go语言视频零基础入门到精通

水中月

用javascript写分页代码的时候，由于无法像php一样使用$_GET[]函数获取连接中附带的值（例如：<a href='a.php?name='.$name.'>'）而又要实现不同页面参数的传递，所以，需要利用javascript中的window.location.toString()函数，它的作用是获取当前浏览器中地址栏中的地址，然后利用split("?")函数将地址按？截断为两部分，并将结果保存在一个数组中，接着利用parseInt（ob,int)将ob转换为数字，这时要注意，链接中传递的参数应该只能是数字，这样利用parseInt函数转换的时候才有意义。像<a href='a.php?page=1'>

实现分页功能的基本思路：
1.连接到数据库， 并且依据sql语句取得了查询结果
2.需要设定几个值：
         

1.   var amount=yan.length; //总记录数   
2. var page_size=16;   //每页记录数   
3. var pages;  //总页数   
4. var page=1; //当前页码   
5. var inta=0; //每一次查询的起始位置<BR>              var b;            //设定查询的终止位置<BR>   
7.               var amount=yan.length;    //总记录数
8.     var page_size=16;    //每页记录数
9.     var pages;    //总页数
10.     var page=1;    //当前页码
11.     var inta=0;    //每一次查询的起始位置              var b;            //设定查询的终止位置

复制代码

3.每一次加载页面的时候都要获取page的值，依据page的值来改变页面的显示结果

1. var str=window.location.toString();   
2.     if (str.indexOf("?")==-1)   
3.     {   
4.         str=str+"?1"   
5.     }   
6.     r=str.split("?")   
7.     page=parseInt(r[1],10);   
9. var str=window.location.toString();
10.     if (str.indexOf("?")==-1)
11.     {
12.         str=str+"?1"
13.     }
14.     r=str.split("?")
15.     page=parseInt(r[1],10);

复制代码

4.进行逻辑判断

1. if(amount==0){   
2.         document.getElementById("res").innerHTML="要查询的信息不存在";   
3.     }   
5. if(amount==0){
6.         document.getElementById("res").innerHTML="要查询的信息不存在";
7.     }
8.   else{
9.    

复制代码

1. if (amount<page_size)   
2.         {   
3.             pages=1;   
4.         }   
5.         else{   
6.          if (amount%page_size==0)   
7.             {   
8.                 pages=(amount/page_size);   
9.             }      
10.          else   
11.             {   
12.                 pages=(parseInt)(amount/page_size)+1;   
13.             }   
14.         }   
15.         if (page>=pages)   
16.         {   
17.             inta=(pages-1)*page_size;   //到了尾页不应该继续往下翻,显示的始终是最后一页的页面   
18.             b=amount        <BR>        }   
19.         else   
20.         {   
21.             inta=(page-1)*page_size;   
22.             b=page*page_size;   
23.         }   
25. if (amount<page_size)
26.         {
27.             pages=1;
28.         }
29.         else{
30.          if (amount%page_size==0)
31.             {
32.                 pages=(amount/page_size);
33.             }     
34.          else
35.             {
36.                 pages=(parseInt)(amount/page_size)+1;
37.             }
38.         }
39.         if (page>=pages)
40.         {
41.             inta=(pages-1)*page_size;    //到了尾页不应该继续往下翻,显示的始终是最后一页的页面
42.             b=amount                }
43.         else
44.         {
45.             inta=(page-1)*page_size;
46.             b=page*page_size;
47.         }

复制代码

4.设定好了这些逻辑参数以后就可以进行输出显示了

1. for(var i=inta;i<b;i++)   
2.         {   
3.             var y=yan;   
4.             ta+="<tr bgcolor='#e5e5e5'><td><span style='font-size:15;color:blue'>"+y.childNodes[0].firstChild.data+"</span></td>";   
5.             ta+="<td><span style='font-size:14'>"+y.childNodes[1].firstChild.data+"</span></td>";   
6.             ta+="<td><span style='font-size:14'>"+y.childNodes[2].firstChild.data+"</span></td>";   
7.             ta+="<td><span style='font-size:14'>"+y.childNodes[3].firstChild.data+"</span></td>";   
8.             ta+="<td><span style='font-size:14'>"+y.childNodes[4].firstChild.data+"</span></td>";   
9.             ta+="<td><span style='font-size:14'>"+y.childNodes[5].firstChild.data+"</span></td>";   
10.             ta+="<td><span style='font-size:14'>"+y.childNodes[6].firstChild.data+"</span></td>";   
11.             ta+="<td><span style='font-size:14'>"+y.childNodes[7].firstChild.data+"</span></td>";   
12.             ta+="<td><span style='font-size:14'>"+y.childNodes[8].firstChild.data+"</span></td>";   
13.             ta+="<td><span style='font-size:14'>"+y.childNodes[9].firstChild.data+"</span></td></tr>";   
14.         }<BR>   
16. for(var i=inta;i<b;i++)
17.         {
18.             var y=yan;
19.             ta+="<tr bgcolor='#e5e5e5'><td><span style='font-size:15;color:blue'>"+y.childNodes[0].firstChild.data+"</span></td>";
20.             ta+="<td><span style='font-size:14'>"+y.childNodes[1].firstChild.data+"</span></td>";
21.             ta+="<td><span style='font-size:14'>"+y.childNodes[2].firstChild.data+"</span></td>";
22.             ta+="<td><span style='font-size:14'>"+y.childNodes[3].firstChild.data+"</span></td>";
23.             ta+="<td><span style='font-size:14'>"+y.childNodes[4].firstChild.data+"</span></td>";
24.             ta+="<td><span style='font-size:14'>"+y.childNodes[5].firstChild.data+"</span></td>";
25.             ta+="<td><span style='font-size:14'>"+y.childNodes[6].firstChild.data+"</span></td>";
26.             ta+="<td><span style='font-size:14'>"+y.childNodes[7].firstChild.data+"</span></td>";
27.             ta+="<td><span style='font-size:14'>"+y.childNodes[8].firstChild.data+"</span></td>";
28.             ta+="<td><span style='font-size:14'>"+y.childNodes[9].firstChild.data+"</span></td></tr>";
29.         }   

复制代码

5.下面的就是分页连接了

1. if (page==1)   
2.         {   
3.             page_string+='第一页|上一页';   
4.         }   
5.         else   
6.         {   
7.             page_string+='<a href=?1>第一页</a>|<a href=?'+(parseInt)(page-1)+'>上一页</a>|';   
8.         }   
9.         if (page==pages)   
10.         {   
11.             page_string+='下一页|尾页';   
12.         }   
13.         else   
14.         {   
15.             page_string+='<a href=?'+(page+1)+'>下一页</a>|<a href=?'+pages+'>尾页</a>';   
16.         }<BR><BR>ta+=page_string;<BR>document.getElementById("res").innerHTML=ta;<BR>   
18. if (page==1)
19.         {
20.             page_string+='第一页|上一页';
21.         }
22.         else
23.         {
24.             page_string+='<a href=?1>第一页</a>|<a href=?'+(parseInt)(page-1)+'>上一页</a>|';
25.         }
26.         if (page==pages)
27.         {
28.             page_string+='下一页|尾页';
29.         }
30.         else
31.         {
32.             page_string+='<a href=?'+(page+1)+'>下一页</a>|<a href=?'+pages+'>尾页</a>';
33.         }ta+=page_string;document.getElementById("res").innerHTML=ta;  

复制代码

分页链接通过改变并提交page的值后，影响循环语句中的起始位置和最终位置，来改变页面显示的数据。
虽然语法有区别，但分页的思路同其他语言也是一样的。