2 chen leilei Chen_leilei 于 2017.09.15 11:35 提问

如何在网页中添加上一页 1234....下一页

图片说明
类似于这样的情况时,我想实现一个算法就是当我浏览第4页的时候,会显示2345.浏览第5页的时候会显示3456这样的情况.附上我的代码

var pagnos=document.getElementById("pagenos");
                    var html2="";
                    html2=html2+"<ul><li class='disablepage'>上一页 &lt;&lt;</li>";
                    for ( var i = 0;i<jsonObject.pageCount;i++) {
                        if(jsonObject.pageNo==i+1){
                           html2=html2+"<li class='currentpage'>"+(i+1)+"</li>";        
                         }else{
                            html2=html2+"<li><a href='product_info.jsp' onclick='return loadData("+(i+1)+")'>"+(i+1)+"</a></li>"
                         }

                    }
                    html2=html2+" <li class='nextpage'><a href='product_info.jsp' onclick='return gopage(1)'>下一页&gt;&gt;</a></li></ul>";
                    pagenos.innerHTML=html2;
                }

6个回答

playboyanta123
playboyanta123   2017.09.15 11:42

不想看你的代码,这就是算法的问题,按照你的需求你要知道当前页码,然后初始化显示前两页的页码和后一页的页码,每次点击了页码都要初始化一次,然后你还要考虑如果没有前两页和已经是最后几页的情况,要单独判断,不难,多想想就好了

songqiang2011
songqiang2011   2017.09.15 11:45

像这种问题实现思路很重要。1.种是隐藏多余的页码,1.种是实时刷新出四个页码;第一种相对容易些

huang931027
huang931027   2017.09.15 11:46

这种东西也可以用插件实现的,你可以查一查,自己做也可以做,但是感觉这种很多人都做过的,没必要浪费时间,去看看别人怎么做的,吸收一下,重复造轮子没意思。

qq_37524684
qq_37524684   2017.09.15 14:21

若你实在想自己写,就考虑一下,当前页,总页数,开始几页,和最后几页,上一页,下一页,应该怎么显示

SoulArbiter
SoulArbiter   2017.09.15 20:50

壮士,bootstrap值得拥有

qq_23267299
qq_23267299   2017.09.15 13:49

这个是根据pageSize和PageIndex计算得出的

Csdn user default icon
上传中...
上传图片
插入图片