html里frame导航框架实现方法

最新推荐文章于 2021-06-05 11:51:06 发布

weixin_33976072

最新推荐文章于 2021-06-05 11:51:06 发布

阅读量130

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/meditator/p/3993088.html

本文详细介绍了如何使用HTML的frameset和framesrc属性在不同页面间跳转，实现导航菜单与变化网页内容的结合。

在5.html里写入

<html>

<frameset cols="30%,70%">
<frame src="4.html" />
<frame src="5.html" name="show"/>

</html>

在4.html里写入

<html>

<p> <a href="1.html" target="show">A</a>     </p>
<p>  <a href="2.html" target="show">B</a>     </p>
<p>  <a href="3.html" target="show">C</a>     </p>

</html>

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

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

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

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

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

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

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

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

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

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

转载于:https://www.cnblogs.com/meditator/p/3993088.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。