当前位置: 首页 > 图文教程 > 网络编程 > PHP > JS实现php的伪分页

PHP
php 多线程上下文中安全写文件实现代码
PHP类的使用 实例代码讲解
用php实现让页面只能被百度gogole蜘蛛访问的方法
php 学习笔记
PHP编程过程中需要了解的this,self,parent的区别
php 操作excel文件的方法小结
使用PHP获取网络文件的实现代码
PHP 巧用数组降低程序的时间复杂度
php下将XML转换为数组
php 文件上传代码(限制jpg文件)
php 无极分类(递归)实现代码
PHP 采集获取指定网址的内容
PHP 将图片按创建时间进行分类存储的实现代码
PHP 存储文本换行实现方法
PHP 批量更新网页内容实现代码
用PHP查询搜索引擎排名位置的代码
用php实现的获取网页中的图片并保存到本地的代码
php实现首页链接查询 友情链接检查的代码
处理php自动反斜杠的函数代码
php实现的遍历文件夹下所有文件,编辑删除

PHP 中的 JS实现php的伪分页


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 47 ::
收藏到网摘: n/a

假如某一个页面的数据很多,不方便全都显示出来,而且假设里面有个播放器,不希望在翻页的时候播放器会终止的话,就可以采用这个方法尽管可以用Ajax,但是在数据比较少的情况下,这个方法更有优势 JS代码如下:
复制代码 代码如下:

<scrīpt language="javascrīpt">
//最大数据量
var total="100";
//每页的显示量
var pagesize=10;
//一共有多少页
var pagenum=Math.ceil(total/pagesize);
//生成导航
function initpage(nowpage){
var pagenav='<a href="#" ōnclick=up('+ nowpage+');>上一页</a>';
for(i=1;i<=pagenum;i++){
pagenav += (i==nowpage)?'<span class="now">' + i + '</span>':'<a class="number" href="#" ōnclick=goToPage(' + i + ');>' + i + '</a> ';
}
pagenav += '<a href="#" ōnclick=down('+ nowpage+');>下一页</a>';
document.getElementById('pages').innerHTML=pagenav;
}
//翻页
function goToPage(page){
var start=(page-1)*pagesize;
var max=page*pagesize;
for(vs=0;vs<total;vs++){
var ōbj=document.getElementById('item_' + vs);
obj.style.display="none";
}
if(max>total)max=total;
for(v=start;v<max;v++){
var ōbj=document.getElementById('item_' + v);
obj.style.display="block";
}
initpage(page);
}
//上一页
function up(nowpage){
if(nowpage==1)return false;
if(nowpage>1)goToPage((nowpage-1));
}
//下一页
function down(nowpage){
if(nowpage==pagenum)return false;
if(nowpage<pagenum)goToPage((nowpage+1));
}
</scrīpt>


如果数据是
<li id="item_0" >.........</li>
<li id="item_1" >.........</li>
...........
<li id="item_100" >........</li>
那么就可以显示出一个类似于这样的导航:
上一页 1 2 3 4 下一页
然后点击页数或者上下页就可以切换显示了.

时间比较仓促,就说这么多了,大家自己分析代码,有不明白的请留言