mysql 怎样跳到最后一页_用js做分页,点击下一页时,直接跳到了最后一页——Number()的妙用...

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);

}

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值