翻页的处理

最新推荐文章于 2024-04-07 18:28:29 发布

delva

最新推荐文章于 2024-04-07 18:28:29 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： 5 脚本文章标签： javascript function input jsp 脚本 html

本文链接：https://blog.youkuaiyun.com/delva/article/details/231885

5 脚本专栏收录该内容

13 篇文章

订阅专栏

博客围绕JavaScript实现翻页功能展开。包括翻页时排序，解决参数未加引号导致的脚本错误；点击图片用文本框数据控制跳转页面；翻页前检查是否超出页的上下界；输入非数字不给予响应等内容，给出了具体的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 翻页时排序：
为了实现多种排序的显示页面，翻页函数得增加排序这个参数，以实现多种排序下的翻页。
因此原函数[<a href='#' onClick="rollPage(<%=Next%>,<%=len%>)">下一页</a>]
更改如下：
[<a href='#' onClick="rollPage(<%=Next%>,<%=len%>,<%=strOrderBy%>)">下一页</a>] 。
看上去挺不错吧，可是一旦运行就报脚本错误，说页面500多行报错，我去看jsp文件，没那么多行呀，这是怎么回事呢？
原来，它指的是生成的html文件。
一查发现，第三个参数没有引号包裹，不能被识别成字符串。加吧，javascript这里只让加单引号，表示字符串，怪怪。
加号后如下：
[<a href='#' onClick="rollPage(<%=Next%>,<%=len%>,'<%=strOrderBy%>')">下一页</a>] 。
在运行，OkieDokie。
翻页函数：
function rollPage(curPage,perPage,strOrderBy)
{
if (strOrderBy=="")
strOrderBy="POSTTIME DESC";
document.RollPageForm.CurrentPage.value=curPage;
document.RollPageForm.CountPerPage.value=perPage;
document.RollPageForm.myOrder.value=strOrderBy;
document.RollPageForm.submit();
}

2 点击图片后用文本框的数据控制将传到哪一页：
<head>
<script languange="javascript">;
function manroll()
{
if (window.turnpagetext.value!="")
{
window.open("http://blog.youkuaiyun.com/delva")
//这里可以用到window.turnpagetext.value的值。
window.turnpagetext.value="";
}
}
</script>
</head>

3 翻页前检查是否超出页的上下界：
<head>
<script languange="javascript">;
function manroll(max)
{
if (window.turnpagetext.value!="")
{
var p;
if(window.turnpagetext.value<=0)p=1;
else if(window.turnpagetext.value>max)p=max;
else p=window.turnpagetext.value;
alert(p);
window.turnpagetext.value="";
}

}
</script>
</head>

4 输入不是数字不给予响应：
function manroll(max,strOrderBy)
{
    if(!isNaN(window.pagetxt.value)){
        if(window.pagetxt.value!="")
        {
         if (pagetxt.value>max)rollPage(max,9,strOrderBy);
         else if (pagetxt.value<=0)rollPage(1,9,strOrderBy);
         else rollPage(pagetxt.value,9,strOrderBy);
        }
    }
}

2004年12月28日10:14:03