在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>

HTML静态分页(形如:首页,上一页,下一页,尾页)的更多相关文章

  1. C# 封装首页、上一页、下一月、尾页处理器

    public void BtnPageClickEvent(object sender,string focusForeground,string lostFocusForeground) { But ...

  2. thinkPHP中的文章详情页实现“上一篇下一篇”功能经验分享

    前段时间在公司中接触到了用thinkPHP搭建的项目,其中涉及到了文章详情页上一篇下一篇翻页的功能实现效果. 因为刚接触这套框架和PHP,所以整理一下实现该功能的经验方法. 如果有不到位的地方,欢迎指 ...

  3. 2016/3/27 分页 共X条数据 本页x条 本页从x-y条 x/y页 首页 上一页 123456 下一页 末页 pagego echo $page->fpage(7,6,5,4,3,2,1,0);

    显示效果: fpage.class.php <?php /** file: page.class.php 完美分页类 Page */ class Page { private $total; / ...

  4. GridView自带分页 1总页数 首页 下一页 上一页 尾页 X 页 go 实现方法 .

    在前台GRIDVIEW中添加如下代码 <PagerTemplate> <table> <tr> <td style="text-align: rig ...

  5. thinkPHP生成静态分页列表

    改造分页类Pagehtml.class.php <?php // 静态分页列表类 class Pagehtml extends Think { //分页url public $pageUrl; ...

  6. JQuery Pagination 分页插件 增加了首页尾页以及跳转功能

    JQuery分页插件 挺好用的 但是官方是没有提供首页尾页以及跳转功能 我觉得这个功能可以有,于是就改进了一下 一个js一个css从连接里面下 链接:http://pan.baidu.com/s/1n ...

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

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

  8. jQuery静态分页功能

    分页功能在做项目的过程中是常常用到的,下面是我常用的一款分页效果: 1.分页的CSS样式(page.css) #setpage { margin: 15px auto; text-align: cen ...

  9. Python - Django - 添加首页尾页上一页下一页

    添加首页和尾页: views.py: from django.shortcuts import render from app01 import models def book_list(reques ...

随机推荐

  1. HDU 5095 Linearization of the kernel functions in SVM(模拟)

    主题链接:http://acm.hdu.edu.cn/showproblem.php? pid=5095 Problem Description SVM(Support Vector Machine) ...

  2. 对话(VC_Win32)

    资源叙述性说明对话框来定义表 格公式: 对话框名称 DIALOG[负载特性] X,Y,Width,Height[设置选项] { 对话框控件定义; } 说明: 对话框名称: 标识对话框资源,可为一个字符 ...

  3. c#-RTF文本编辑器

    1".RTF"什么? 多信息文本格式 (RTF) 是一种方便于不同的设备.系统查看的文本和图形文档格式. RTF 使用美国国内标准协会 (ANSI). PC-8. Macintos ...

  4. 采用 matlab 阅读SAR 元数据

    这方面能够參考书籍:"Digital processing of synthetic aperture radar data", by Ian Cumming and Frank ...

  5. JavaScript之一: 闭包、执行环境、作用域链

    这是大虾的第一篇博文,大虾试图用最直白的语言去描述出所理解的东西,大虾是菜鸟,水平有限,有误的地方希望路过的朋友们务必指正,谢谢大家了. 从读书时代一路走来,大虾在学习的时候逐渐喜欢上了去追寻根源,这 ...

  6. a web-based music player(GO + html5)

    github 住址:https://github.com/codercheng/music-player 后台是用GO (windows/ linux 都能够),前端是HTML5 推荐用chrome浏 ...

  7. shell脚本操作数据库

    #!/bin/bash HOST_NAME="localhost" PORT=3306 USERNAME="root" PASSWORD="root& ...

  8. 安装Team Foundation Server 2012过程截图

    原文:安装Team Foundation Server 2012过程截图 专题图 1,下载Team Foundation Server 2012  官方下载: http://www.microsoft ...

  9. LeetCode Merge k Sorted Lists 解决报告

    https://oj.leetcode.com/problems/merge-k-sorted-lists/ 归并K已经整理阵列,和分析算法的复杂. 解决报告:无论是不考虑优化,最简单的实现是要重新走 ...

  10. 【C语言的日常实践(八)】弦

    串数据类型是一个重要的,但C有没有明确的语言字符串数据类型.头文件string.h它包括大多数字符串处理函数. 故,有操作的串.通常包括string.h头文件. 1.字符串的长度:对字符串进行的操作中 ...