首页 > 代码库 > html里frame导航框架实现方法

html里frame导航框架实现方法

在5.html里写入

<html>

<frameset cols="30%,70%">
<frame src="http://www.mamicode.com/4.html" />
<frame src="http://www.mamicode.com/5.html" name="show"/>

</html>

 

在4.html里写入

<html>

<p>  <a href="http://www.mamicode.com/1.html" target="show">A</a>     </p>
<p>  <a href="http://www.mamicode.com/2.html" target="show">B</a>     </p>
<p>  <a href="http://www.mamicode.com/3.html" target="show">C</a>     </p>

</html>

大功告成了,用浏览器打开5.html,会有如下这个红色的页面,

html里frame导航框架实现方法 - 阅睿 - 午后阳光

点击B的时候会有这个页面,

html里frame导航框架实现方法 - 阅睿 - 午后阳光

点击C的时候会有这个页面,

html里frame导航框架实现方法 - 阅睿 - 午后阳光

预期的效果实现了,左边的A,B,C就是导航菜单,后边的就是变化的网页内容。

红色部分是关键内容,请细心琢磨。我觉得这是指定哪个网页在哪个窗口打开,这也是frame框架的关键所在。

<frame src="http://www.mamicode.com/5.html" name="show"/> , 这句里的name="show",是指定这个frame的名称为show,

<a href="http://www.mamicode.com/1.html" target="show">A</a>,这句起到的作用是指定1.html这个网页在名称为show的flame里打开

html里frame导航框架实现方法