Number()的妙用

Number()是javascript中將字符型轉(zhuǎn)換為數(shù)值型的函數(shù)；
問題描述：做分頁，用js實(shí)現(xiàn)，獲取當(dāng)前頁面的值，然后js自加1，可是點(diǎn)擊下一頁時(shí)，直接跳到最后一頁。選擇跳轉(zhuǎn)到某頁的時(shí)候，有的頁碼無法找到。代碼如下
//下一頁
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);
}
//直接跳轉(zhuǎn)到某頁
function ToJumpPage() {
var endPage = $.trim($("#endPage").val());
var jumpPage = $.trim($("#XPage").val());
if (/\D/.test(jumpPage)) {
$("#XPage").attr("value", "");
alert("請(qǐng)輸入正整數(shù)！");
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);
}
應(yīng)用了Number()后，也就是這樣的代碼，則實(shí)現(xiàn)了正常功能。
//下一頁
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);
}
//直接跳轉(zhuǎn)到某頁
function ToJumpPage() {
var endPage = $.trim($("#endPage").val());
var jumpPage = Number($.trim($("#XPage").val()));
if (/\D/.test(jumpPage)) {
$("#XPage").attr("value", "");
alert("請(qǐng)輸入正整數(shù)！");
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);
}

?

技術(shù)含量較低，歡迎大家提出更好的方法！也歡迎大家拍磚！

轉(zhuǎn)載于:https://www.cnblogs.com/wehas/archive/2013/06/03/Wehas.html

總結(jié)

以上是生活随笔為你收集整理的用js做分页，点击下一页时，直接跳到了最后一页——Number()的妙用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。