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>
测试:
点击客户管理
点击商品管理