`
zhengshuangxi1226
  • 浏览: 50395 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

分页js

 
阅读更多
<%}else{%>
<table width="100%">
  <tr>
  <td width="218" align="left" style="padding-top:5px;">总页数:<font style="color:#FF0000;">0</font>&nbsp;页 总记录数:<font style="color:#FF0000;">0</font>&nbsp;条</td>
  <td>
  <div>
    <span class="current">|&lt;&lt;</span>
    <span>1</span>
    <span class="current">&gt;&gt;|</span>
    </div>
    </td>
    <td width="35" style="border-top: 0px dotted rgb(204, 204, 204); padding-top:5px;"><input name="text" type="text"  style="width: 35px; height: 22px; text-align: center; line-height: 22px; border:#AACDE9 1px solid ;" value="" /></td>
    <td width="22" align="right" style=" padding:0; border-top: 0px dotted rgb(204, 204, 204); padding-top:5px;"><input type="button" style="color: rgb(15, 112, 145); background: url(&quot;<%=path %>/www/marketingcenter/images/go.gif&quot;) no-repeat scroll center top transparent; height: 22px; width: 22px; font-size: 12px; cursor: pointer;" onclick="getPageNum();" value="GO"/></td>
  </tr>
</table>
   <%}%>
<script type="text/javascript">
function getPageNum(url,total)
{
   var clentWidth = (document.body.offsetWidth - 380)/2;
   var pageIndex =  document.getElementById("pageNum").value;
   if(null == url || '' == url)
   {
      return;     
   }
   try
   {
      if('' == pageIndex)
      {
          ymPrompt.alert({title:'信息提示',message:'请输入要跳转的页面!',width:320,height:135,winPos:[clentWidth,150]}); 
  document.getElementById("pageNum").value="";
  return;
      }
      var regNum = /^\+?[1-9][0-9]*$/;
      if(!regNum.test(pageIndex))
  {
  ymPrompt.alert({title:'信息提示',message:'您输入的页数为非正整数,请重新输入!',width:320,height:135,winPos:[clentWidth,150]}); 
  document.getElementById("pageNum").value="";
  return;
  }
  else if(parseInt(pageIndex) > total)
      {
          pageIndex = total;
      }
      else if(parseInt(pageIndex) < 1)
      {
          pageIndex = 1;
      }
   }
   catch(e)
   {
        pageIndex = 1;
   }
   window.location.href = url + pageIndex;  
}
</script>
分享到:
评论

相关推荐

    分页js文件

    在这个主题中,我们将深入探讨"分页js"的相关知识点,包括分页的基本原理、JavaScript实现分页的方法、以及如何结合CSS(如`pageNav.css`)优化分页的样式。 首先,我们要理解分页的基本概念。分页通常用于显示...

    很好的一个分页 js

    对于开发者而言,理解和使用这个分页JS工具,需要掌握基本的HTML、CSS和JavaScript知识,了解DOM操作、事件处理以及可能的Ajax请求。同时,为了更好地自定义和扩展,还需要熟悉阅读和解析JavaScript源码,以及调整...

    通用分页js

    ### 通用分页JS知识点详解 #### 一、概述 在Web开发中,分页是一项常见且重要的功能,尤其在处理大量数据时更是必不可少。本文将深入解析一个名为“通用分页JS”的脚本,该脚本适用于JSP环境中,能够帮助开发者...

    仿淘宝分页按钮效果简单美观易实用当分页JS控件

    本文将深入探讨“仿淘宝分页按钮效果简单美观易实用当分页JS控件”,并围绕相关标签——分页控件、js分页控件、分页按钮算法以及分页算法进行详尽的解释。 首先,我们要理解“分页控件”的概念。分页控件是网页应用...

    js分页javascript分页

    2. Pagination.js:一个独立的JavaScript分页库,支持自定义分页样式,支持Ajax请求数据。 3. vue-paginate:针对Vue.js框架的分页组件,易用且高度可定制。 4. react-pagination:适用于React应用的分页组件,可与...

    一个简单的分页js

    一个简单实用的分页js,包括 上一页,下一页,转到 等操作 只需简单的调用个js函数页面上就能出现分页。js代码也是简单明了方便读取。

    文章正文分页JS代码下载

    本文档“文章正文分页JS代码下载”提供的是一种使用JavaScript实现的正文分页解决方案。JavaScript是一种广泛使用的客户端脚本语言,它可以在用户的浏览器上运行,无需服务器端交互,为网页增加动态功能。 首先,...

    js分页示例,前台分页,客户端分页,分页机制,js分页

    在项目中,你还可以使用现成的分页库,如jQuery的`bootstrap-paginator`或纯JavaScript的`paginator.js`,来简化开发过程。 总的来说,JavaScript分页涉及前端数据处理和用户体验优化,理解其原理和实现方式对于Web...

    cognos8.3分页JS

    标题 "cognos8.3分页JS" 指的是在IBM Cognos 8.3报告设计中实现分页的一种技术。由于Cognos 8.3本身可能不直接提供内置的分页功能,用户需要通过一些变通的方式来达到分页效果。描述中的“变相来实现”意味着我们...

    js静态分页 javascript

    在实际应用中,JavaScript静态分页可能还会结合前端框架或库,如jQuery、Vue.js、React.js等,它们提供了更高级的API和组件,可以帮助简化上述步骤,提高开发效率。 以提供的文件"js静态分页.htm"为例,这个文件...

    表格可按列筛选排序的分页 JS+CSS+DIV

    "表格可按列筛选排序的分页 JS+CSS+DIV" 是一个基于 JavaScript、CSS 和 HTML(尤其是 DIV 元素)实现的功能强大的表格组件。这个组件允许用户对表格数据进行动态的列筛选和排序,同时具备分页功能,提高了用户体验...

    分页js 实现自动加载分页标签

    用js 自动计算分页格式 自动计算显示个数 避免大量页影响样式

    进行表格分页js

    &lt;script language="JavaScript" src="common/service/scripts/turnPage.js"&gt; &lt;script type="text/javascript"&gt; var sorter = new TINY.table.sorter("sorter"); sorter.head = "head"; sorter.asc = "asc"; sorter....

    瀑布分页javascript

    在提供的文件中,`test.html`很可能是展示瀑布流分页效果的示例页面,而`jquery-1.7.2.min.js`则是一个jQuery库的压缩文件。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和Ajax交互,使得编写...

    纯js分页模板

    纯JavaScript分页模板是一种在网页应用中实现数据分页功能的方法,它不依赖任何外部库如jQuery或AngularJS,完全由原生JavaScript代码构建。这种模板通常包括一系列用于计算页码、显示当前页数、处理页码跳转事件...

    基于jquery的表格筛选,排序,分页js

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果...在提供的`test.html`和`js`文件中,你可以找到具体的实现代码,通过学习和理解,可以加深对这些功能的理解和应用。

    jquery.pagination.js 分页js

    **jQuery Pagination.js 分页插件详解** jQuery Pagination.js 是一款基于 jQuery 的轻量级分页插件,它提供了美观且易于使用的分页功能,适用于网页数据量过大需要分页显示的情况。这款插件包含了完整的分页源码和...

    分页js(修改版)

    分页js(修改版)

    ASP.NETjs分页

    当我们谈论"ASP.NET js分页"时,我们主要关注的是如何在ASP.NET应用中利用JavaScript技术实现数据的分页显示。 分页是Web开发中的一个重要特性,特别是在处理大量数据时。它允许用户以较小的数据块(页面)浏览信息...

Global site tag (gtag.js) - Google Analytics