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

PHP
PHP新手总结的PHP基础知识
php实现gb2312和unicode间编码转换
用php语言实现数据库连接详细代码介绍
详细解析 PHP 向 MySQL 发送数据过程
利用PHP V5开发多任务应用程序
详细讲解PHP中缓存技术的应用
php escapeshellcmd多字节编码漏洞
《PHP设计模式介绍》导言
《PHP设计模式介绍》第一章 编程惯用法
《PHP设计模式介绍》第二章 值对象模式
《PHP设计模式介绍》第三章 工厂模式
《PHP设计模式介绍》第四章 单件模式
《PHP设计模式介绍》第五章 注册模式
《PHP设计模式介绍》第六章 伪对象模式
《PHP设计模式介绍》第七章 策略模式
《PHP设计模式介绍》第八章 迭代器模式
《PHP设计模式介绍》第九章 观测模式
《PHP设计模式介绍》第十章 规范模式
《PHP设计模式介绍》第十一章 代理模式
《PHP设计模式介绍》第十二章 装饰器模式

PHP 中的 JS实现php的伪分页


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 210 ::
收藏到网摘: 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 下一页
然后点击页数或者上下页就可以切换显示了.

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