客户端javascript分页

代码很简单，一看就懂。贴在下边：

<script type="text/javascript">
    //设置分页大小
    var pageSize=5;
    var page=1;
    //列表项
    var myJsList=document.getElementsByTagName("form")[0].getElementsByTagName("p");
    window.onload=function(){
        loadFuc();
        ShowPage(1);
    }
    function loadFuc(){
        var myPageBox=document.getElementById("pageBox");
        var recordCount=myJsList.length;
        var pageCount=recordCount/pageSize;
        //if(recordCount%pageSize>0){
            //pageCount=pageCount+1;
        //}
        var pageS=page-1;
        var pageX=page+1;
        var htmlStr;
        if(pageS<1){
            htmlStr='<a>上一页</a>';
        }
        else{
            htmlStr='<a href="javascript:ShowPage('+pageS+');">上一页</a>';
        }
        for(var i=0;i<pageCount;i++){
            if(i+1==page){
                htmlStr=htmlStr+'<span>'+(i+1)+'</span>';
            }
            else{
                htmlStr=htmlStr+'<a href="javascript:ShowPage('+(i+1)+');">'+(i+1)+'</a>';
            }
        }
        if(pageX>pageCount){
            htmlStr=htmlStr+'<a>下一页</a>';
        }
        else{
            htmlStr=htmlStr+'<a href="javascript:ShowPage('+pageX+');">下一页</a>';
        }
        myPageBox.innerHTML=htmlStr;
    }
    //分页事件
    function ShowPage(myPage){
        page=myPage;
        for(var i=0;i<myJsList.length;i++){
            var myJs=myJsList[i];
            
            if((i<(page-1)*pageSize)|(i>page*pageSize-1)){
                myJs.className="hide";
            }
            else{
                myJs.className="";
            }
        }
        loadFuc();
    }
</script>