HTML静态分页(形如:首页,上一页,下一页,尾页)
在HTML中有时候我们会用到静态分页,一次拿回一定量的数据结果条目,我们会以形如:第2页,共12页 首页 上一页 下一页 尾页 的方式进行静态分页,以下是该种静态分页的代码,供兄弟姐妹们参考。
<div class="page"> <!-- a href="tosearch.jsp" target="_blank" class="blue">更多</a -->
<SCRIPT type="text/javascript">
function createPageHTML(_nPageCount, _nCurrIndex, _sPageName, _sPageExt){ if(_nPageCount == null || _nPageCount<1){ return; } var nCurrIndex = _nCurrIndex || 0; var pre,next,first,last; if(_nPageCount==1){ first='<span class="blue">首页</span> '; pre='<span class="blue">上一页</span> '; next='<span class="blue">下一页</span> '; last='<span class="blue">尾页</span> '; }else{ if(_nCurrIndex==0){ pre='<span class="blue">上一页</span> '; first='<span class="blue">首页</span> '; next='<a class="blue" href="'+_sPageName+'_' +(nCurrIndex+1)+'.'+_sPageExt+'">下一页</a> '; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾页</a> '; } else{ if(_nCurrIndex==1){ first='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">首页</a> '; pre='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">上一页</a> '; if(_nPageCount==2){ next='<span class="blue">下一页</span> '; last='<span class="blue">尾页</span> '; } else{ next='<a class="blue" href="'+_sPageName+'_' + (nCurrIndex+1)+'.'+_sPageExt+'">下一页</a> '; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾页</a> '; }} else{ first='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">首页</a> '; pre='<a class="blue" href="'+_sPageName+'_'+(nCurrIndex -1)+'.'+_sPageExt+'">上一页</a> '; if(nCurrIndex+1==_nPageCount){ next='<span class="blue">下一页</span> '; last='<span class="blue">尾页</span> '; } else{ next='<a class="blue" href="'+_sPageName+'_' + (nCurrIndex+1)+'.'+_sPageExt+'">下一页</a> '; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾页</a> '; } }
}
}
document.write("第"+(nCurrIndex+1)+"页,共"+_nPageCount+"页 "+first+pre+next+last); }
createPageHTML(${PAGE_COUNT}, ${PAGE_INDEX}, "${PAGE_NAME}", "${PAGE_EXT}"); </SCRIPT> </div>
转载于:https://www.cnblogs.com/dreamzhiya/p/3784223.html
HTML静态分页(形如:首页,上一页,下一页,尾页)相关推荐
- php点击事件下一页,点击上一页下一页信息没有更新
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 代码如下: $conn= mysql_connect("localhost","root", "duol ...
- html分页首页上一页下一页,HTML静态分页(形如:首页,上一页,下一页,尾页)...
在HTML中有时候我们会用到静态分页,一次拿回一定量的数据结果条目,我们会以形如:第2页,共12页 首页 上一页 下一页 尾页 的方式进行静态分页,以下是该种静态分页的代码,供兄弟姐妹们参考. fu ...
- (首页上一页下一页尾页 + 下拉框跳转)分页功能
说在前头(本人用的是bootstrap +jQuery 和 struts2 + MVC)不影响分页功能 制作一个分页功能: 效果如下: 由上图可知,此功能只适合页数不是特别多的情况下,页数多的时候, ...
- GridView数据库分页+自定义分页导航(二):自定义分页导航。首页、上一页、下一页、尾页和跳转
完成图: 先进入模板编辑模式,选择[PagerTemplate],添加自己所需的导航控件 列入这样的,上一页和下一页和GO使用[LinkButton],也可使用其他的控件,[注:LinkButton ...
- c#mvc之分页,首页,尾页,上一页,下一页
public static int PageIndex = 1; //上一页 public ActionResult Prev() { ...
- 新闻标题 静态分页 (无刷新)
一个模板,从数据库取n条记录,生成静态. 做单页面的静态化,索引页面是用JS对数组进行组合的. 因为记录只是一个标题,一个链接,字节数不会太大, 那么用js去用这个大数组进行分页,貌似不错,很 ...
- GridView自定义分页样式(上一页,下一页,到第几页)(新手教程)
今天要为网站做一个文章列表,发现GridView的分页样式很难看,于是结合网上的例子,自己做了一个.不是很美观,不过还是很实用的,先看下效果吧,如图(1).演示地址http://www.veryam. ...
- php分页上一页下一页判断,分页(上一页,下一页)
实现功能:出现首页,下一页,上一页,尾页 $pagesize=2;//分页,已知每页显示几条记录,$pagesize //我们通过在地址栏传递page参数的形式获得当前是第几页,?page=1就是第一 ...
- [项目过程中所遇到的各种问题记录]编辑器篇——使用FCKeditor生成静态分页HTML...
继续编辑篇的内容,本文是编辑器篇的最后一篇,前面2篇分别是FCKeditor相关知识及各种常见使用问题和FCKeditor自定义上传路径配置,今天这篇文章主要是介绍如何使用fckeditor来生成静态 ...
最新文章
- 硬件加速器为人工智能应用服务
- 打包镜像并同时压缩多个镜像
- Tomcat源码学习(7)-How Tomcat works(转)
- Java实现读取pdf文件内容(how to read pdf in java)
- Swift-闭包理解
- SQL学习之使用视图
- H3C Navigate 2017 | 拉近世界的距离 新华三的泛联接版图
- Arduino 代码机制
- mysql 除去列名打印_sql – 使用beeline时避免在列名中打印表名
- linux 找不到php命令,bash scp:未找到命令的解决方法
- Django错误解决: CSRF verification failed. Request abor
- ctfshow-萌新-web14( 曲线救国-POST请求绕过获取网站敏感信息)
- php论坛如何加评论表情,DEDECMS会员评论时添加多个表情
- pycharm关联mysql存储中文
- Tip: JSP开发模式
- 记一次maven打包命令及指定pom文件
- 接口文档生成工具ApiPost挺好用
- 阿里云企业邮箱没有活动怎么办?实测:代金券也可节约成本
- 基于Java的企业内部通信系统的设计与实现
- 讯飞语音的使用及常遇到的问题