javascript 实现分页

这是我参考别人的分页后
自己写了个跟简单的分页

 

js 代码

1. < html>  
2.   
3. < body>  
4.   
5. < span id=contents>
   
     
6. < span id=splitpage>  
7.   
8. < script type="text/javascript">  
9.   
10. _currentPage = 2;//设置当前页码  
11. _indexContainer = document.all.splitpage;//设置存放分页索引号的容器  
12. _contentContainer = document.all.contents;//设置存放分页内容的容器  
13. _totalPages = 0;//初始化总页数  
14. (function pageLoad() {  
15.     _indexContainer.innerHTML =pageNo(100,2,10,7).join(" ");  
16.     var str="getR("+3+")";  
17. goToPage(100, 3, 10,7,str);  
18. })();  
19.   
20. //返回页码对象  
21. function pageNo(counts, currentPage, perPage,showIndex,str) {  
22.     var perPage = perPage ? perPage : 5;
    
      
23.   
24.     var pages=0;  
25.     pages=counts/perPage+1;  
26.     var pageIndex = [];  
27.     //插入第一页标识   
28.     if(currentPage==1){  
29.         pageIndex.push("《《 《 ");  
30.     }else{//注意这里是 A标签 我把前面的<去掉了 因为 加上后会让系统会自动识别成连接无法正常显示代码  
31.         var str1="a href=\"javascript:goToPage("+counts+", "+1+", "+perPage+","+showIndex+",'"+str+"')\">《《 a href=\"javascript:goToPage("+counts+", "+(currentPage-1>0?currentPage-1:1)+", "+perPage+","+showIndex+",'"+str+"')\">《 ";  
32.         pageIndex.push(str1);  
33.     }  
34.   
35.     var cyclCousnts=parseInt(showIndex/2);  
36.       
37. for(var i=1;i<=showIndex;i++){  
38.         var tmpPage=currentPage>=cyclCousnts?currentPage-cyclCousnts+i-1:i;  
39.         if(currentPage==tmpPage)  
40.             pageIndex.push("font color=\"red\">"+tmpPage+"");  
41.         else if(tmpPage>pages)  
42.             continue;  
43.         else if(tmpPage<1)  
44.             continue;  
45.         else{//注意这里是 A标签 我把前面的<去掉了 因为 加上后会让系统会自动识别成连接无法正常显示代码  
46.             var str1="a href=\"javascript:goToPage("+counts+", "+tmpPage+", "+perPage+","+showIndex+",'"+str+"')\">"+tmpPage+"";  
47.             pageIndex.push(str1);  
48.         }  
49.     }  
50.     if(currentPage==pages){  
51.         pageIndex.push(" 》 》》");  
52.     }else{//注意这里是 A标签 我把前面的<去掉了 因为 加上后会让系统会自动识别成连接无法正常显示代码  
53.         var str1="a href=\"javascript:goToPage("+counts+", "+(currentPage+1>pages?currentPage:currentPage+1)+", "+perPage+","+showIndex+",'"+str+"')\">》  a href=\"javascript:goToPage("+counts+", "+pages+", "+perPage+","+showIndex+",'"+str+"')\">》》 ";  
54.         pageIndex.push(str1);  
55.     }  
56.       
57.     return pageIndex;  
58. }  
59.   
60.   
61. function goToPage(counts, currentPage, perPage,showIndex,str) {  
62.     _contentContainer.innerHTML = eval(str);  
63.     _indexContainer.innerHTML = pageNo(counts, currentPage, perPage,showIndex,str).join(" ");  
64. }  
65.   
66. function getRecord(currentPage){  
67.     return "the current pagaea  is:"+currentPage;  
68. }  
69.   
70. function getR(currentPage){  
71.     return "the current page  by eval is:"+currentPage;  
72. }  
73.   
74. < /script>  
75. < /body>  
76. < /html>