您的位置：首页 > Web前端 > JavaScript

jsp实现简单的分页

2014-11-24 18:32 417 查看

效果如下：



<%--
Document   : page
Created on : 2014-11-18, 8:55:02
Author     : HJZ
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<script language= "javascript">
function dumpTo(tot) { //函数参数定义时不加var，否则出错
var pageMsg = document.getElementById("pageTo").value;
var patrn=/^\d+$/;
if (patrn.test(pageMsg)) {
if(parseInt(pageMsg)<1 || parseInt(pageMsg)>parseInt(tot)) return;
window.location.href="page.jsp?page=" + pageMsg;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>分页显示</title>
</head>
<body>
<%
int pageCur = 0;
int pageTot = 20;
int pageBegin = 0;
String curPage  = request.getParameter("page");
if(curPage == null) pageCur = 1;
else pageCur = Integer.valueOf(curPage);
pageBegin = pageCur-5;
if(pageBegin < 1) pageBegin = 1;
%>
<talbe border="10">
<tr>
<%if(pageCur!=1){%>
<td>
<input type="submit" name="skip" value="上一页" onclick="javascript:location.href='page.jsp?page=<%=pageCur-1%>'">
</td>
<%}%>
<% for(int i=pageBegin, j=1; j<=10 && i<=pageTot; ++i, ++j) {%>
<%if(i == pageCur){%>
<td>
<%=i%>
</td>
<%} else {%>
<td>
<input type="submit" name="skip" value="<%=i%>" onclick="javascript:location.href='page.jsp?page=<%=i%>'">
</td>
<%}%>
<% } %>

<%if(pageCur!=pageTot){%>
<td>
<input type="submit" name="skip" value="下一页" onclick="javascript:location.href='page.jsp?page=<%=pageCur+1%>'">
</td>
<%}%>
<td>
共<%=pageTot%>页
</td>
<td width="105px">
向第<input type="text" id="pageTo">页
</td>
<td>
<input type="button" name="skip" value="跳转" onclick="dumpTo(<%=pageTot%>)"> <!--传递总页数-->
</td>
</tr>
</table>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航