问题描述
- jsp的分页显示问题,怎么将下面的代码分成三页显示?求大神指点
-
简单的代码如下<%@ page contentType="text/html; charset=gb2312" language="java"%> <html> <body> 第一个页面<br> 第二个页面<br> 第三个页面<br> <a href="change.jsp">上一页</a><a href="change.jsp">后一页</a><br> <p>第2页,共3页</p> </body> </html>
解决方案
第一个页面、第二个页面这些都是从哪里来的?在数据库就应该分好页,在你的链接上附加页码,服务器返回指定页的内容。
google jsp服务器分页
解决方案二:
用jquery.pagination来分页就行了。
解决方案三:
页面内分页就是隐藏和显示
<!DOCTYPE html>
<html>
<body>
<style>
.show{
display:block;
}
.hide{
display:none;
}
</style>
<script>
function pageChange(pageNo){
var curNum=pageNo;
var el =document.getElementById('page'+pageNo);
while(el){
if(pageNo==curNum&&el.className=='show'){
break;
}else if(pageNo==curNum){
el.className='show';
}else if(el.className=='show'){
el.className='hide';
}
for(var i=1;i<curNum;i++){
document.getElementById('page'+i).className='hide';
}
pageNo++;
el =document.getElementById('page'+pageNo)
}
}
</script>
<div id='page1' class='show'>第一页</div>
<div id='page2' class='hide'>第二页</div>
<div id='page3' class='hide'>第三页</div>
</br>
<button onclick='pageChange(1);'>第一页</button>
<button onclick='pageChange(2);'>第二页</button>
<button onclick='pageChange(3);'>第三页</button>
</body>
</html>
时间: 2024-08-31 20:42:59