frame元素可以让我们在一张网页中显示不同html文件的内容,有些时候我们需要在一个frame中添加链接,并使用这些链接来控制另一个frame的内容,当然,这个过程可以使用js脚本来控制,那么如何使用最简单的html来实现这一目标呢,其实我们只需要了解frame的一个属性“name”就可以了,并且要知道,在我们使用< a>标签的时候,a有一个属性是target,它的值可以是_blank,_parent,_self等,用来控制链接中的网页显示在哪里,那么配合frame的name属性就可以了,
例如:
这是显示所有frame的网页:
<!DOCTYPE html>
<html>
<head>
<title>frame</title>
</head>
<frameset cols="30%,70%">
<frame src="left.html"></frame>
<frame name="frameto"></frame>
</frameset>
</html>
这是左边frame中显示链接的网页:
<!DOCTYPE html>
<html>
<head>
<title>frameleft</title>
</head>
<body>
<!-- 指定target属性 -->
<a href="page1.html" target="frameto">click me</a>
</body>
</html>
这是链接的网页,将显示在右边的frame里:
<!DOCTYPE html>
<html>
<head>
<title>page1</title>
</head>
<body>
<p>这里显示在另一个frame中</p>
</body>
</html>
效果:
单击左边的链接:
可以看到网页显示在右边的frame中了。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/116853.html