jsp 我的页面设计是左面是目录 右面是内容
就是点击下一页 只会刷新右面的界面 而不刷新整个界面
具体就像是实现类似QQ邮箱，163邮箱 左面是目录，右面是内容，可以点击参看emial，也可以点击下一页，有其他的技术实现也可以 展开
2016-01-11 · 做真实的自己 用良心做教育
千锋教育
jsp中左边目录树是用js控件做的。
Dtree生成树形结构，很方便，很适用。
先下载一个工具包dtree.zip
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>考试</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="css/dtree.css">
<script type="text/javascript" src="js/dtree.js"></script>
</head>
<body>
<div class="dtree">
<p><a href="javascript: d.openAll();">展开</a> | <a href="javascript: d.closeAll();">收缩</a></p>
<script type="text/javascript">
d = new dTree('d');
d.add(0,-1,'考题索引ss');
d.add(1,0,'单选题');
d.add(2,1,'第一题','index.jsp');
d.add(3,1,'第二题','index.jsp');
d.add(6,0,'多选题');
d.add(7,6,'第一题','index.jsp');
d.add(8,6,'第二题','index.jsp');
d.add(11,0,'判断题');
d.add(12,11,'第一题','index.jsp');
d.add(13,11,'第二题','index.jsp');
d.add(16,0,'主观题');
d.add(17,16,'第一题');
d.add(33,0,'安全退出系统','index.jsp','','_parent');
document.write(d);
</script>
</div>
</body>
</html>
运行结果：
<html>
<head>
<title>测试</title>
</head>
<frameset rows="106,*" frameborder="no" border="0" framespacing="0">
<frame src="head.jsp" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset cols="236,8,*" frameborder="no" border="0" framespacing="0" id="meFrame">
<frame src="left.jsp" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="right.jsp" name="mainFrame" id="mainFrame" title="mainFrame" scrolling="auto"/>
</frameset>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>
以上是main 页面
left.jsp 左侧部分
right,jsp 为右侧部分
在右侧的页面 body 开始部分写上 scroll="auto"
如：<body scroll="auto">
然后就和普通页一样了 随你实现什么功能都可以
主要是和 <frame src="right.jsp" name="mainFrame" id="mainFrame" title="mainFrame" scrolling="auto"/> 这个关联起来 不懂得话可以继续问
