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

PHP
php 远程图片保存到本地的函数类
php 破解防盗链图片函数
快速开发一个PHP扩展图文教程
PHP6 mysql连接方式说明
php 进度条实现代码
php discuz 主题表和回帖表的设计
php 无限级缓存的类的扩展
php adodb操作mysql数据库
php FPDF类库应用实现代码
sourcesafe管理phpproj文件的补充说明(downmoon)
AspNetAjaxPager,Asp.Net通用无刷新Ajax分页控件,支持多样式多数据绑定
php一句话cmdshell新型 (非一句话木马)
php 木马的分析(加密破解)
PHP 数组入门教程小结
php 方便水印和缩略图的图形类
PHP加速 eAccelerator配置和使用指南
PHP 组件化编程技巧
IIS6+PHP5+MySQL5+Zend Optimizer+phpMyAdmin安装配置图文教程 2009年
两个强悍的php 图像处理类1
PHP 数据库 常见问题小结

PHP 中的 JS实现php的伪分页


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

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