Number()的妙用

Number()是javascript中将字符型转换为数值型的函数;
问题描述:做分页,用js实现,获取当前页面的值,然后js自加1,可是点击下一页时,直接跳到最后一页。选择跳转到某页的时候,有的页码无法找到。代码如下
//下一页
function NextPage() {
var endPage = $.trim($("#endPage").val());
var nextPage =$.trim($("#curPageIndex").val());

if (nextPage >= endPage) {
nextPage = endPage;
}
else {
nextPage ++;
}

var targetPageAddr = $("#targetPageAddr").val();
window.location = targetPageAddr + encodeURIComponent(nextPage);
}
//直接跳转到某页
function ToJumpPage() {
var endPage = $.trim($("#endPage").val());
var jumpPage = $.trim($("#XPage").val());
if (/\D/.test(jumpPage)) {
$("#XPage").attr("value", "");
alert("请输入正整数!");
return;
}
if (jumpPage > endPage || jumpPage < 1) {
$("#XPage").attr("value", "");
alert("抱歉,第" + jumpPage + "页不存在!");
return;
}
var targetPageAddr = $("#targetPageAddr").val();
window.location = targetPageAddr + encodeURIComponent(jumpPage);
//window.location = "./Function.aspx?curPageIndex=" + encodeURIComponent(jumpPage);
}
应用了Number()后,也就是这样的代码,则实现了正常功能。
//下一页
function NextPage() {
var endPage = $.trim($("#endPage").val());
var nextPage =Number($.trim($("#curPageIndex").val()));

if (nextPage >= endPage) {
nextPage = endPage;
}
else {
nextPage ++;
}

var targetPageAddr = $("#targetPageAddr").val();
window.location = targetPageAddr + encodeURIComponent(nextPage);
}
//直接跳转到某页
function ToJumpPage() {
var endPage = $.trim($("#endPage").val());
var jumpPage = Number($.trim($("#XPage").val()));
if (/\D/.test(jumpPage)) {
$("#XPage").attr("value", "");
alert("请输入正整数!");
return;
}
if (jumpPage > endPage || jumpPage < 1) {
$("#XPage").attr("value", "");
alert("抱歉,第" + jumpPage + "页不存在!");
return;
}
var targetPageAddr = $("#targetPageAddr").val();
window.location = targetPageAddr + encodeURIComponent(jumpPage);
//window.location = "./Function.aspx?curPageIndex=" + encodeURIComponent(jumpPage);
}

技术含量较低,欢迎大家提出更好的方法!也欢迎大家拍砖!

转载于:https://www.cnblogs.com/wehas/archive/2013/06/03/Wehas.html

用js做分页,点击下一页时,直接跳到了最后一页——Number()的妙用相关推荐

  1. 百度地图API写的标记点点击跳动,当点击下一个标记点时停下上一个标记点的跳动

    setAnimation(BMAP_ANIMATION_BOUNCE)函数用来设置跳动动画,不带参数的setAnimation()可以清除跳动,实现点击下一个标记点时停止上一个标记点,可以采用思路,获 ...

  2. PHPCMSv9首页显示分页点击下一页跳转链接出现错误,跳转到后台的解决方案

    1 引用页写为 {pc:content action="lists" catid="10" order="updatetime DESC" ...

  3. jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?

    <div class="client"><span class="client_title">选择您的游戏客户端</span> ...

  4. ant deign分页问题 删除列表最后一项自动跳转到上一页

    解决方案 total:当前数据的条数 limit:每页有多少条数据 page:当前页 const totalPage = Math.ceil((this.total - 1) / this.limit ...

  5. js备忘录模式——实现分页点击已经请求过上一页的数据(读js设计模式)

    例子:新闻数据实现分页||点击下一页后又点击上一页后不用再次请求数据,避免资源浪费,网速不好,用户体验效果差 备忘录模式:在不破坏对象的封装性的前提下,在对象之外捕获并保存该对象内部的状态以方便日后对 ...

  6. 【Qt串口调试助手】1.3 - 重写ComboBox下拉框的鼠标点击事件,实现点击下拉框扫描可用串口

    由于ComboBox没有鼠标点击信号,所以如果想实现点击下拉框响应,需要重写ComboBox下拉框的鼠标点击事件.在点击事件中,添加扫描可用串口代码,实现点击下拉框时重新扫描串口.并且下拉框内容输出端 ...

  7. 【java文本处理】实现一个简单的小说文本阅读器(分页、翻页、页码跳转)

    一.目的 读出文本(.txt)内容显示至dos命令窗: 按规定行数将文本进行分页: 在dos下实现文本翻页.页码跳转等功能,形成简单小说阅读器. 二.主要方法 1. RandomAccessFile类 ...

  8. vusjs 配合php_对照着jquery来学vue.js系列之配合thinkphp下拉获取分页数据

    上篇文章介绍了vue.js如何ajax获取数据: 接着不可避免就遇到的是: 如何进行数据分页呢? 这里以thinkphp为示例讲解:其他场景性质一样: 示例项目:https://github.com/ ...

  9. 95.91p30.space\/index.php,关于 ThinkPHP6 分页样式的定制及点击下一页搜索条件丢失的解决方法...

    首先说一下前提条件是多应用模式下,假设每页显示 3 条记录. 控制器文件所在路径: /app/index/controller/DemoController.php 模板视图文件所在路径: /app/ ...

最新文章

  1. 梦想的地方!地球上最值得去的20个地方【组图】
  2. 太赞!639 页《深度学习:Deep Learning》硬核课程 PPT 下载
  3. Oracle简单常用的数据泵导出导入(expdp/impdp)命令举例(上)
  4. docker 安装centos7并SSH远程连接
  5. REST设计模式简介
  6. 日志规范之为什么要使用SLF4J
  7. 得到WebService应用程序的路径
  8. px、dp和sp,这些单位有什么区别?
  9. (学习笔记)Oracle约束
  10. mysql 5.7 源码编译安装_mysql-5.7.*源码编译安装
  11. Python菜鸟入门:day08函数概念
  12. vue-cli 发布部署IIS
  13. CSS标签选择器→教你如何使用
  14. C#实现Omron欧姆龙PLC的Fins Tcp协议[转]
  15. redspider无法启动,并行配置不正确
  16. 机器学习入门之二:一个故事说明什么是机器学习(转载)
  17. 软件测试输入准则,单元测试准则
  18. 如何快速搭建公司网站?
  19. FLASH按钮链接网页
  20. I - Simpsons’ Hidden Talents

热门文章

  1. db2 删除存储过程_数据库教程-SQL Server存储过程使用及异常处理
  2. Ubuntu16.04安装Python3.7及其pip3并切换为默认版本
  3. Centos7装NVIDIA显卡驱动(GPU)
  4. 目标检测的图像特征提取—Haar特征
  5. Linux底层开发之四书五经
  6. iOS上文本处理之简史
  7. C++笔记——.和::和:和-的区别
  8. 小额贷款利息违法吗?
  9. 不是每个人都适合linux
  10. iOS酷我音乐导出工具使用说明和原理介绍(提供下载链接及工程源码)