在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>&nbsp;'; pre='<span class="blue">上一页</span>&nbsp;'; next='<span class="blue">下一页</span>&nbsp;'; last='<span class="blue">尾页</span>&nbsp;'; }else{  if(_nCurrIndex==0){      pre='<span class="blue">上一页</span>&nbsp;';      first='<span class="blue">首页</span>&nbsp;'; next='<a class="blue" href="'+_sPageName+'_' +(nCurrIndex+1)+'.'+_sPageExt+'">下一页</a>&nbsp;';      last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾页</a>&nbsp;'; } else{  if(_nCurrIndex==1){    first='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">首页</a>&nbsp;'; pre='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">上一页</a>&nbsp;';    if(_nPageCount==2){ next='<span class="blue">下一页</span>&nbsp;'; last='<span class="blue">尾页</span>&nbsp;'; } else{ next='<a class="blue" href="'+_sPageName+'_' + (nCurrIndex+1)+'.'+_sPageExt+'">下一页</a>&nbsp;'; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾页</a>&nbsp;'; }} else{    first='<a class="blue" href="'+_sPageName+'.'+_sPageExt+'">首页</a>&nbsp;'; pre='<a class="blue" href="'+_sPageName+'_'+(nCurrIndex -1)+'.'+_sPageExt+'">上一页</a>&nbsp;'; if(nCurrIndex+1==_nPageCount){ next='<span class="blue">下一页</span>&nbsp;'; last='<span class="blue">尾页</span>&nbsp;'; } else{ next='<a class="blue" href="'+_sPageName+'_' + (nCurrIndex+1)+'.'+_sPageExt+'">下一页</a>&nbsp;'; last='<a class="blue" href="'+_sPageName+'_' + (_nPageCount-1)+'.'+_sPageExt+'">尾页</a>&nbsp;'; } }

}

}

document.write("第"+(nCurrIndex+1)+"页,共"+_nPageCount+"页&nbsp;&nbsp;"+first+pre+next+last); }

createPageHTML(${PAGE_COUNT}, ${PAGE_INDEX}, "${PAGE_NAME}", "${PAGE_EXT}");   </SCRIPT> </div>

转载于:https://www.cnblogs.com/dreamzhiya/p/3784223.html

HTML静态分页(形如:首页,上一页,下一页,尾页)相关推荐

  1. php点击事件下一页,点击上一页下一页信息没有更新

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 代码如下: $conn= mysql_connect("localhost","root", "duol ...

  2. html分页首页上一页下一页,HTML静态分页(形如:首页,上一页,下一页,尾页)...

    在HTML中有时候我们会用到静态分页,一次拿回一定量的数据结果条目,我们会以形如:第2页,共12页  首页 上一页 下一页 尾页 的方式进行静态分页,以下是该种静态分页的代码,供兄弟姐妹们参考. fu ...

  3. (首页上一页下一页尾页 + 下拉框跳转)分页功能

    说在前头(本人用的是bootstrap +jQuery 和 struts2 +  MVC)不影响分页功能 制作一个分页功能: 效果如下: 由上图可知,此功能只适合页数不是特别多的情况下,页数多的时候, ...

  4. GridView数据库分页+自定义分页导航(二):自定义分页导航。首页、上一页、下一页、尾页和跳转

    完成图: 先进入模板编辑模式,选择[PagerTemplate],添加自己所需的导航控件 列入这样的,上一页和下一页和GO使用[LinkButton],也可使用其他的控件,[注:LinkButton ...

  5. c#mvc之分页,首页,尾页,上一页,下一页

    public static int PageIndex = 1;         //上一页         public ActionResult Prev()         {         ...

  6. 新闻标题 静态分页 (无刷新)

        一个模板,从数据库取n条记录,生成静态. 做单页面的静态化,索引页面是用JS对数组进行组合的. 因为记录只是一个标题,一个链接,字节数不会太大, 那么用js去用这个大数组进行分页,貌似不错,很 ...

  7. GridView自定义分页样式(上一页,下一页,到第几页)(新手教程)

    今天要为网站做一个文章列表,发现GridView的分页样式很难看,于是结合网上的例子,自己做了一个.不是很美观,不过还是很实用的,先看下效果吧,如图(1).演示地址http://www.veryam. ...

  8. php分页上一页下一页判断,分页(上一页,下一页)

    实现功能:出现首页,下一页,上一页,尾页 $pagesize=2;//分页,已知每页显示几条记录,$pagesize //我们通过在地址栏传递page参数的形式获得当前是第几页,?page=1就是第一 ...

  9. [项目过程中所遇到的各种问题记录]编辑器篇——使用FCKeditor生成静态分页HTML...

    继续编辑篇的内容,本文是编辑器篇的最后一篇,前面2篇分别是FCKeditor相关知识及各种常见使用问题和FCKeditor自定义上传路径配置,今天这篇文章主要是介绍如何使用fckeditor来生成静态 ...

最新文章

  1. 硬件加速器为人工智能应用服务
  2. 打包镜像并同时压缩多个镜像
  3. Tomcat源码学习(7)-How Tomcat works(转)
  4. Java实现读取pdf文件内容(how to read pdf in java)
  5. Swift-闭包理解
  6. SQL学习之使用视图
  7. H3C Navigate 2017 | 拉近世界的距离 新华三的泛联接版图
  8. Arduino 代码机制
  9. mysql 除去列名打印_sql – 使用beeline时避免在列名中打印表名
  10. linux 找不到php命令,bash scp:未找到命令的解决方法
  11. Django错误解决: CSRF verification failed. Request abor
  12. ctfshow-萌新-web14( 曲线救国-POST请求绕过获取网站敏感信息)
  13. php论坛如何加评论表情,DEDECMS会员评论时添加多个表情
  14. pycharm关联mysql存储中文
  15. Tip: JSP开发模式
  16. 记一次maven打包命令及指定pom文件
  17. 接口文档生成工具ApiPost挺好用
  18. 阿里云企业邮箱没有活动怎么办?实测:代金券也可节约成本
  19. 基于Java的企业内部通信系统的设计与实现
  20. 讯飞语音的使用及常遇到的问题

热门文章

  1. PMBOK(第六版) PMP笔记——《九》第九章(项目资源管理)
  2. 安装python3.10.1教程
  3. spket插件下载安装 jQueryEclipse插件
  4. Ubuntu系统下制作USB启动盘
  5. 信息学奥赛一本通2038
  6. 计算机关机速度,高手教你摆平Win7关机速度慢的技巧
  7. 什么是WHQL微软徽标认证?为什么需要这项认证?
  8. 【ES6】阮一峰ES6学习之Module的加载实现
  9. c语言实现作业调度算法实验报告,时间片轮转调度算法的实验报告.doc
  10. Web渗透测试之逻辑漏洞挖掘