框架结构标签 frameset

 

框架结构标签(<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属性(就是是跳转页面)

发布了93 篇原创文章 · 获赞 0 · 访问量 315

猜你喜欢

转载自blog.csdn.net/qq_40332952/article/details/103848690