当前位置:Gxlcms > PHP教程 > JS实现php的伪分页_PHP教程

JS实现php的伪分页_PHP教程

时间:2021-07-01 10:21:17 帮助过:11人阅读

JS代码如下:
  1. <br><span style="CURSOR: pointer" onclick="doCopy('code23505')"><u></u></span> 代码如下:<br><scrīpt language="javascrīpt"> <br>//最大数据量 <br>var total="100"; <br>//每页的显示量 <br>var pagesize=10; <br>//一共有多少页 <br>var pagenum=Math.ceil(total/pagesize); <br>//生成导航 <br>function initpage(nowpage){ <br> var pagenav='上一页'; <br> for(i=1;i<=pagenum;i++){ <br> pagenav += (i==nowpage)?'<span class="now">' + i + '</span>':'' + i + ' '; <br> } <br> pagenav += '下一页'; <br> document.getElementById('pages').innerHTML=pagenav; <br>} <br><br>//翻页 <br>function goToPage(page){ <br> var start=(page-1)*pagesize; <br> var max=page*pagesize; <br> for(vs=0;vs<total;vs++){ <br=""> var ōbj=document.getElementById('item_' + vs); <br> obj.style.display="none"; <br> } <br> if(max>total)max=total; <br> for(v=start;v<max;v++){ <br=""> var ōbj=document.getElementById('item_' + v); <br> obj.style.display="block"; <br> } <br> initpage(page); <br>} <br><br>//上一页 <br><br>function up(nowpage){ <br> if(nowpage==1)return false; <br> if(nowpage>1)goToPage((nowpage-1)); <br>} <br><br>//下一页 <br><br>function down(nowpage){ <br> if(nowpage==pagenum)return false; <br> if(nowpage<pagenum)gotopage((nowpage+1)); <br="">} <br></pagenum)gotopage((nowpage+1));></max;v++){></total;vs++){></scrīpt> <br><br> <br><br><br>如果数据是 <br><br><li id="item_0">.........</li> <br><br><li id="item_1">.........</li> <br><br>........... <br><br><li id="item_100">........</li> <br><br>那么就可以显示出一个类似于这样的导航: <br><br>上一页 1 2 3 4 下一页 <br><br>然后点击页数或者上下页就可以切换显示了. <br><br> <br><br>时间比较仓促,就说这么多了,大家自己分析代码,有不明白的请留言 <br><br>
  2. <p></p>
  3. <p align="left"><span id="url" itemprop="url">http://www.bkjia.com/PHPjc/318995.html</span><span id="indexUrl" itemprop="indexUrl">www.bkjia.com</span><span id="isOriginal" itemprop="isOriginal">true</span><span id="isBasedOnUrl" itemprop="isBasedOnUrl">http://www.bkjia.com/PHPjc/318995.html</span><span id="genre" itemprop="genre">TechArticle</span><span id="description" itemprop="description">JS代码如下:</span></p><pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li>scrīptlanguage="javascrīpt" //最大数据量 vartotal="100"; //每页的显示量 varpagesize=10; //一共有多少页 varpagenum=Math....<p></p></li><li> </li></ol></pre></li></ol></pre>

人气教程排行