首页 > 代码库 > frameset测试

frameset测试

2024-11-26 03:35:39   203人阅读

　　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>

 

 

 

 测试:

技术分享

 

点击客户管理

技术分享

 

 

 点击商品管理

技术分享

 

frameset测试


联系
我们