frame-同一页面之间的框架操作

导读:本篇文章讲解 frame-同一页面之间的框架操作,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

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

(0)
seven_的头像seven_bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!