JS实现php的伪分页_PHP教程

<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>
<p></p>
<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>