frame不能放在body标签内。指定name属性，为这一个框架指定名字，在html的a的target属性可以设为target="right"在该框架显示跳转的页面。(常用于后台管理界面)
例子:
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<frameset rows="20%,*">
<frame src="top.html" />
<frameset cols="20%,80%">
<frame src="left.html" />
<!--frame不能放在body标签内。指定name属性，为这一个框架指定名字，在html的a的target属性可以
设为target="right"在该框架显示跳转的页面-->
<frame name="right" />
</frameset>
</frameset>
</html>
left.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--target为自己定义的名字，会在名为right的frame中显示right.html页面-->
<a href="right.html" target="right">客户管理</a><br /><br />
<a href="right1.html" target="right">商品管理</a><br /><br />
<a href="right2.html" target="right">人员管理</a><br /><br />
<a href="#">客户管理</a><br /><br />
<a href="#">客户管理</a><br /><br />
</body>
</html>
top.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<font size="7">欢迎xxx来到后台管理系统</font>
</body>
</html>
right.xml
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
这是客户管理
</body>
</html>
right1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
这是商品管理
<img src="../img/logo2.png"/>
</body>
</html>
right2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
这人员管理
<img src="../img/small02.jpg"/>
</body>
</html>
测试:
点击客户管理
点击商品管理
时间： 2024-10-12 19:56:55