首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

js实现ASP分页函数 HTML分页函数

Posted in Javascript onSeptember 22, 2006 
<!-- 
//ASP分页函数 
function ShowListPage(page,Pcount,TopicNum,maxperpage,strLink,ListName){ 
    var alertcolor = '#FF0000'; 
    maxperpage=Math.floor(maxperpage); 
    TopicNum=Math.floor(TopicNum); 
    page=Math.floor(page); 
    var n,p; 
    if ((page-1)%10==0) { 
        p=(page-1) /10 
    }else{ 
        p=(((page-1)-(page-1)%10)/10) 
    } 
    if(TopicNum%maxperpage==0) { 
        n=TopicNum/maxperpage; 
    }else{ 
        n=(TopicNum-TopicNum%maxperpage)/maxperpage+1; 
    } 
    document.write ('<table border="0" cellpadding="0" cellspacing="1" class="Tableborder5">'); 
    document.write ('<form method=post action="?pcount='+Pcount+strLink+'">'); 
    document.write ('<tr align="center">'); 
    document.write ('<td class="tabletitle1" title="'+ListName+'"> '+ListName+' </td>'); 
    document.write ('<td class="tabletitle1" title="总数"> '+TopicNum+' </td>'); 
    document.write ('<td class="tabletitle1" title="每页"> '+maxperpage+' </td>'); 
    document.write ('<td class="tabletitle1" title="页次"> '+page+'/'+Pcount+'页 </td>'); 
    if (page==1){ 
        document.write ('<td class="tablebody1"> <font face=webdings>9</font> </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="?page=1'+strLink+'" title="首页"><font face=webdings>9</font></a> </td>'); 
    } 
    if (p*10 > 0){ 
        document.write ('<td class="tablebody1"> <a href="?page='+p*10+strLink+'" title="上十页"><font face=webdings>7</font></a> </td>'); 
    } 
    if (page < 2){ 
        document.write ('<td class="tablebody1"> 首 页 </td>'); 
        document.write ('<td class="tablebody1"> 上一页 </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="?page=1'+strLink+'" title="首页">首 页</a> </td>'); 
        document.write ('<td class="tablebody1"> <a href="?page='+(page-1)+strLink+'" title="上一页">上一页</a> </td>'); 
    } 
    if (Pcount-page < 1){ 
        document.write ('<td class="tablebody1"> 下一页 </td>'); 
        document.write ('<td class="tablebody1"> 尾 页 </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="?page='+(page+1)+strLink+'" title="下一页">下一页</a> </td>'); 
        document.write ('<td class="tablebody1"> <a href="?page='+Pcount+strLink+'" title="尾页">尾 页</a> </td>'); 
    } 
    for (var i=p*10+1;i<p*10+11;i++){ 
        if (i==n) break; 
    } 
    if (i<n){ 
        document.write ('<td class="tablebody1"> <a href="?page='+i+strLink+'" title="下十页"><font face=webdings>8</font></a> <td>'); 
    } 
    if (page==n){ 
        document.write ('<td class="tablebody1"> <Font face=webdings>:</font> </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="?page='+n+strLink+'" title="尾页"><font face=webdings>:</font></a> </td>'); 
    } 
    document.write ('<td class="tablebody1"><input class="PageInput" type=text name="page" size=1 maxlength=10  value="'+page+'"></td>'); 
    document.write ('<td class="tablebody1"><input type=submit value=Go name=submit class="PageInput"></td>'); 
    document.write ('</tr>'); 
    document.write ('</form></table>'); 
} 
//HTML分页函数 
function ShowHtmlPage(page,Pcount,TopicNum,maxperpage,strLink,ExtName,ListName){ 
    var alertcolor = '#FF0000'; 
    maxperpage=Math.floor(maxperpage); 
    TopicNum=Math.floor(TopicNum); 
    page=Math.floor(page); 
    var n,p; 
    if ((page-1)%10==0) { 
        p=(page-1) /10 
    }else{ 
        p=(((page-1)-(page-1)%10)/10) 
    } 
    if(TopicNum%maxperpage==0) { 
        n=TopicNum/maxperpage; 
    }else{ 
        n=(TopicNum-TopicNum%maxperpage)/maxperpage+1; 
    } 
    document.write ('<table border="0" cellpadding="0" cellspacing="1" class="Tableborder5">'); 
    document.write ('<form method=post>'); 
    document.write ('<tr align="center">'); 
    document.write ('<td class="tabletitle1" title="'+ListName+'"> '+ListName+' </td>'); 
    document.write ('<td class="tabletitle1" title="总数"> '+TopicNum+' </td>'); 
    document.write ('<td class="tabletitle1" title="每页"> '+maxperpage+' </td>'); 
    document.write ('<td class="tabletitle1" title="页次"> '+page+'/'+Pcount+'页 </td>'); 
    if (page==1){ 
        document.write ('<td class="tablebody1"> <font face=webdings>9</font> </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="index'+ExtName+'" title="首页"><font face=webdings>9</font></a> </td>'); 
    } 
    if (p*10 > 0){ 
        document.write ('<td class="tablebody1"> <a href="'+strLink+(p*10)+ExtName+'" title="上十页"><font face=webdings>7</font></a> </td>'); 
    } 
    if (page < 3){ 
        document.write ('<td class="tablebody1"> 首 页 </td>'); 
        document.write ('<td class="tablebody1"> <a href="index'+ExtName+'" title="上一页">上一页1</a> </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="index'+ExtName+'" title="首页">首 页1/a> </td>'); 
        document.write ('<td class="tablebody1"> <a href="'+strLink+(page-1)+ExtName+'" title="上一页">上一页</a> </td>'); 
    } 
    if (Pcount-page < 1){ 
        document.write ('<td class="tablebody1"> 下一页1 </td>'); 
        document.write ('<td class="tablebody1"> 尾 页 </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="'+strLink+(page+1)+ExtName+'" title="下一页">下一页</a> </td>'); 
        document.write ('<td class="tablebody1"> <a href="'+strLink+Pcount+ExtName+'" title="尾页">尾 页</a> </td>'); 
    } 
    for (var i=p*10+1;i<p*10+11;i++){ 
        if (i==n) break; 
    } 
    if (i<n){ 
        document.write ('<td class="tablebody1"> <a href="'+strLink+i+ExtName+'" title="下十页"><font face=webdings>8</font></a> <td>'); 
    } 
    if (page==n){ 
        document.write ('<td class="tablebody1"> <Font face=webdings>:</font> </td>'); 
    }else{ 
        document.write ('<td class="tablebody1"> <a href="'+strLink+n+ExtName+'" title="尾页"><font face=webdings>:</font></a> </td>'); 
    } 
    //document.write ('<td class="tabletitle1" title="转到"> GO </td>'); 
    document.write ('<td class="tablebody1"><select class="PageInput" name="page" size="1" onchange="javascript:window.location=this.options[this.selectedIndex].value;">'); 
    document.write ('<option value="index'+ExtName+'">第1页</option>'); 
    for (var i=2;i<TopicNum;i++){ 
        if (i==page){ 
            document.write ('<option value="'+strLink+i+ExtName+'" selected>第'+i+'页</option>'); 
        }else{ 
            if (i==1){ 
                document.write ('<option value="index'+ExtName+'">第1页</option>'); 
            }else{ 
                document.write ('<option value="'+strLink+i+ExtName+'">第'+i+'页</option>'); 
            } 
        } 
        if (i==n) break; 
    } 
    document.write ('</select></td>'); 
    document.write ('</tr>'); 
    document.write ('</form></table>'); 
} 
//-->

js实现ASP分页函数 HTML分页函数

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
JS实现随机化快速排序的实例代码
Aug 01 Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
Jan 03 Javascript
javascript中键盘事件用法实例分析
Jan 30 Javascript
AngularJS辅助库browserTrigger用法示例
Nov 03 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
Nov 24 Javascript
基于Vue渲染与插件的加载顺序的问题详解
Mar 05 Javascript
Node.js引入UIBootstrap的方法示例
May 11 Javascript
VUE脚手架具体使用方法
May 20 Javascript
基于webpack4+vue-cli3项目实现换肤功能
Jul 17 Javascript
微信小程序实现侧边栏分类
Oct 21 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
Sep 08 Javascript
JS实现简单贪吃蛇小游戏
Oct 28 Javascript
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Sep 22 #Javascript
获取页面高度，窗口高度，滚动条高度等参数值getPageSize,getPageScroll
Sep 22 #Javascript
prototype1.4中文手册
Sep 22 #Javascript
prototype 源码中文说明之 prototype.js
Sep 22 #Javascript
showModelessDialog()使用详解
Sep 21 #Javascript
Javascript里使用Dom操作Xml
Sep 20 #Javascript
Js+XML 操作
Sep 20 #Javascript
Django(9) Spring Bean(1) openEuler(1) dockerfile(1) reduce(2) Selenium(1) TextInputLayout(1) Tsmoothie(1) EditText(1) filter(1)
You might like
利用php实现禁用IE和火狐的缓存问题
2012/12/03 PHP
19个Android常用工具类汇总
2014/12/30 PHP
thinkphp3.2实现上传图片的控制器方法
2016/04/28 PHP
使用ThinkPHP的自动完成实现无限级分类实例详解
2016/09/02 PHP
jQuery实现图片放大预览实现原理及代码
2013/09/12 Javascript
js获取事件源及触发该事件的对象
2013/10/24 Javascript
Document:getElementsByName()使用方法及示例
2013/10/28 Javascript
深入理解javascript动态插入技术
2013/11/12 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
2013/12/05 Javascript
15个常用的jquery代码片段
2015/12/19 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
2016/01/07 Javascript
深入浅析JavaScript的API设计原则
2016/06/14 Javascript
使用Node.js搭建静态资源服务详细教程
2017/08/02 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
微信小程序模版渲染详解
2018/01/26 Javascript
jQuery实现定时隐藏对话框的方法分析
2018/02/12 jQuery
vue完成项目后,打包成静态文件的方法
2018/09/03 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
2019/04/04 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
Angular8路由守卫原理和使用方法
2019/08/29 Javascript
Vue3.0的优化总结
2020/10/16 Javascript
Python中字符编码简介、方法及使用建议
2015/01/08 Python
浅要分析Python程序与C程序的结合使用
2015/04/07 Python
selenium在执行phantomjs的API并获取执行结果的方法
2018/12/17 Python
Python实现的微信红包提醒功能示例
2019/08/22 Python
python3 requests库文件上传与下载实现详解
2019/08/22 Python
打包PyQt5应用时的注意事项
2020/02/14 Python
python列表切片和嵌套列表取值操作详解
2020/02/27 Python
html5 offlline 缓存使用示例
2013/06/24 HTML / CSS
RetroStage德国：复古服装
2019/02/03 全球购物
俄罗斯第一家篮球店：StreetBall
2020/07/30 全球购物
eDreams德国：南欧领先的在线旅游公司
2020/12/07 全球购物
大学生创业感言
2014/01/25 职场文书
高中微机老师自我鉴定
2014/02/16 职场文书
学校后勤岗位职责
2014/02/19 职场文书
导游词之蓬莱长岛
2019/12/17 职场文书