用JS如何做分页???能不能举个简单的例子???

解决方案 »

  1.   

    中间的连接自己改
    代码中的15是显示多少个 [01] [02] .......
    <div id="setpage"></div>
    <script type="text/javascript">
    <!--
    var totalpage,pagesize,cpage,count,cpagee,outstr;
    cpage = 6;//当前页数
    cpagee = 6;//当前页数
    totalpage = 35;//总共几页
    pagesize = 18;//每页显示多少个内容outstr = "";
    function gotopage(target){
        cpage = target;
        setpage();
    }function setpage(){
            if(totalpage<=15){
                    for (count=1;count<=totalpage;count++){
                            if (count<10) {countt ="0"+count+"";}else{countt =""+count+"";}
                            if(count!=cpagee){
                                    outstr = outstr + "<a href='0_"+count+".html'>["+countt+"]<\/a> ";
                            }else{
                                    outstr = outstr + "["+countt+"] ";
                            }
                    }
            }
            if(totalpage>15){
                    if(parseInt((cpage-1)/15) == 0){
                            outstr = outstr + "<font face='webdings'>7<\/font> ";
                            for (count=1;count<=15;count++){
                                    if (count<10) {countt ="0"+count+"";}else{countt =""+count+"";}
                                    if(count!=cpagee){
                                            outstr = outstr + "<a href='0_"+count+".html'>["+countt+"]<\/a> ";
                                    }else{
                                            outstr = outstr + "["+countt+"] ";
                                    }
                            }
                            outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+count+")'><font face='webdings'>8<\/font><\/a> ";
                    }else if(parseInt((cpage-1)/15) == parseInt(totalpage/15)){
                            outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+(parseInt((cpage-1)/15)*15)+")'><font face='webdings'>7<\/font><\/a> ";
                            for (count=parseInt(totalpage/15)*15+1;count<=totalpage;count++){
                                    if (count<10) {countt ="0"+count+"";}else{countt =""+count+"";}
                                    if(count!=cpagee){
                                            outstr = outstr + "<a href='0_"+count+".html'>["+countt+"]<\/a> ";
                                    }else{
                                            outstr = outstr + "["+countt+"] ";
                                    }
                            }
                            outstr = outstr + "<font face='webdings'>8<\/font> ";
                    }else{
                            outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+(parseInt((cpage-1)/15)*15)+")'><font face='webdings'>7<\/font><\/a> ";
                            for (count=parseInt((cpage-1)/15)*15+1;count<=parseInt((cpage-1)/15)*15+15;count++){
                                    if (count<10) {countt ="0"+count+"";}else{countt =""+count+"";}
                                    if(count!=cpagee){
                                            outstr = outstr + "<a href='0_"+count+".html'>["+countt+"]<\/a> ";
                                    }else{
                                            outstr = outstr + "["+countt+"] ";
                                    }
                            }
                            outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+count+")'><font face='webdings'>8<\/font><\/a> ";
                    }    }    
        document.getElementById("setpage").innerHTML = "<div id='setpage'>共"+totalpage+"页|第"+cpage+"页 每页" + pagesize +"个 " + outstr + "<\/div>";
        outstr = "";
    }
    setpage();
    //-->
    </script>