微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

JS实现php的伪分页

分类：PHP作者：编程之家

JS代码如下:
<div class="codetitle"><a style="CURSOR: pointer" data="31541" class="copybut" id="copybut31541" onclick="doCopy('code31541')"> 代码如下:

<div class="codebody" id="code31541">
<scrīptlanguage="javascrīpt">
//最大数据量
vartotal="100";
//每页的显示量
varpagesize=10;
//一共有多少页
varpagenum=Math.ceil(total/pagesize);
//生成导航
functioninitpage(Nowpage){
varpagenav='<ahref="#"ōnclick=up('+nowpage+');>上一页';
for(i=1;i<=pagenum;i++){
pagenav+=(i==Nowpage)?'<spanclass="Now">'+i+'':'<aclass="number"href="#"ōnclick=goToPage('+i+');>'+i+'';
}
pagenav+='<ahref="#"ōnclick=down('+nowpage+');>下一页';
document.getElementById('pages').innerHTML=pagenav;
} //翻页
functiongoToPage(page){
varstart=(page-1)pagesize;
varmax=pagepagesize;
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);
} //上一页 functionup(Nowpage){
if(Nowpage==1)returnfalse;
if(Nowpage>1)goToPage((Nowpage-1));
} //下一页 functiondown(Nowpage){
if(Nowpage==pagenum)returnfalse;
if(Nowpage<pagenum)goToPage((Nowpage+1));
}
</scrīpt>
如果数据是 <liid="item_0">......... <liid="item_1">......... ........... <liid="item_100">........ 那么就可以显示出一个类似于这样的导航: 上一页1234下一页 然后点击页数或者上下页就可以切换显示了. 时间比较仓促,就说这么多了，大家自己分析代码,有不明白的请留言

原文地址：https://www.jb51.cc/php/29651.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

伪分页

相关推荐

vue+thinkphp5实现微信扫码支付(NATIVE支付)
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单，返回预支付订单号的接口，目前微信支付所有场景均使用这一接口。下面介绍的是其中NATIVE的支付实现流程与PC端实现扫码支付流程
uniapp+thinkphp5实现微信扫码支付(APP支付)
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单，返回预支付订单号的接口，目前微信支付所有场景均使用这一接口。下面介绍的是其中APP的支付的配置与实现流程
uniapp+thinkphp5实现微信登录
前言 之前做了微信登录，所以总结一下微信授权登录并获取用户信息这个功能的开发流程。 配置 1.首先得在微信公众平台申请一下微信小程序账号并获取到小程序的AppID和AppSecret https://mp.weixin.qq.com/cgi-bin/loginpage?url=%2Fwxamp%2F
【PHP】关于fastadmin框架中使用with进行连表查询时setEagerlyType字段的理解
FastAdmin是我第一个接触的后台管理系统框架。FastAdmin是一款开源且免费商用的后台开发框架，它基于ThinkPHP和Bootstrap两大主流技术构建的极速后台开发框架，它有着非常完善且强大的功能和便捷的开发体验，使我逐渐喜欢上了它。
【workerman】uniapp+thinkPHP5使用GatewayWorker实现实时通讯
之前公司需要一个内部的通讯软件，就叫我做一个。通讯软件嘛，就离不开通讯了，然后我就想到了长连接。这里本人用的是GatewayWorker框架。
uniapp+thinkphp5实现微信支付(JSAPI支付)
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单，返回预支付订单号的接口，目前微信支付所有场景均使用这一接口。下面介绍的是其中JSAPI的支付实现流程
服务器优化必备：深入了解PHP8底层开发原理
服务器优化必备：深入了解PHP8底层开发原理
Golang的网络编程：如何快速构建高性能的网络应用？
Golang的网络编程：如何快速构建高性能的网络应用？
Golang和其他编程语言的对比：为什么它的开发效率更高？
Golang和其他编程语言的对比：为什么它的开发效率更高？
PHP8底层开发原理揭秘：如何利用新特性创建出色的Web应用
PHP8底层开发原理揭秘：如何利用新特性创建出色的Web应用
苹果市值2025年有望达4万亿美元
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot