框架结构标签(<frameset>)
- 框架结构标签(<frameset>)定义如何将窗口分割为框架
- 每个 frameset 定义了一系列行或列
- rows/columns 的值规定了每行或每列占据屏幕的面积
代码示例
使用三个jsp页面举例
left.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<h5>左侧内容</h5>
<!--这里是有一个问题的,如果在这里直接写right.jsp,会出现直接刷新左侧页面,跳转到目标页面,
如果不刷新,需要加上属性target.
-->
<!-- <a href="right.jsp">会员管理</a><br> -->
<!--<a>标签使用target属性后,就是跳转页面而不是刷新当前页面 -->
<a href="right.jsp" target="right">会员管理</a><br>
<a href="#">商品管理</a><br>
<a href="#">品牌管理</a><br>
<a href="#">分类管理</a><br>
....
</body>
</html>
right.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
会员信息页面
</body>
</html>
frameset.jsp(主页面)
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>网站后台管理系统</title>
</head>
<!--
1.在使用框架结构标签,不能使用body这个标签
<body></body>
2.框架结构标签中的每一块,都是引用一个页面
-->
<frameset rows="25%,*">
<frame src="top.jsp">
<frameset cols="25%,*">
<frame src="left.jsp">
<!--点击会员管理,不刷新当前页面,而是跳转页面,需要把src属性改为name属性来接受 -->
<!-- <frame src="right.jsp"> -->
<frame name="right">
</frameset>
</frameset>
</html>
left.jsp页面不使用target属性(刷新了当前页面,而不是跳转页面)
left.jsp页面使用target属性(就是是跳转页面)