帧和target

最新推荐文章于 2021-06-03 23:38:28 发布

王如霜

最新推荐文章于 2021-06-03 23:38:28 发布

阅读量255

点赞数

分类专栏： JAVA

本文链接：https://blog.youkuaiyun.com/wrs120/article/details/78946136

版权

JAVA 专栏收录该内容

90 篇文章

订阅专栏

本文详细介绍了HTML中的帧（Frames）概念及其使用方法，包括如何通过<frameset>和<frame>元素创建多文档布局，以及隐含帧（<iframe>）的应用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

WHY
之前本人一直认为一个浏览器窗口就是放了一个html文件，但是现在得知，一个浏览器可以装载多个html文件，这好几个html文件防止在一个大的html文件中，即主文档（最大的帧）

WHAT
帧是由英文Frame翻译过来的，它可以用来想浏览器窗口中装载多个html文件。即每个html文件占据一个帧，而多个帧可以同时显示在同一个浏览器窗口中，它们组成一个更大的帧

HOW
由<frameset>和<frame>组成

<frameset></frameset>

作用：
- 表示主文档中有几个帧，并且各个帧如何排列的
注意事项：
- 不可以放在<body>中
- 可以嵌套在其它帧中
属性：
- rows：帧以行的形式排列，一行为一帧，即一个html文件
- cols：帧以列的形式排列，一列为一帧，即一个html文件
- 有标签时，两个属相必须至少选一个，否则浏览器只显示第一个帧
- 当有多个行或列时，用逗号隔开，值可是百分数、绝对值或号（代表哪些为被说明的空间，如果同一个属性中出现了多个*，则将剩下的未被说明的控件平均分配）
<frame></frame>
作用：
用来定义一个具体的帧
注意事项：
- 放在<frameset>中
属性：
- name:帧的名字，这个名字是用来供超文本连接标志<a herf="" target="">中的target属性来指定连接的html文件将显示在哪个帧中
- src:此帧的源html文件名，浏览器会在此帧中显示src指定的html文件

Example
主文档：

<head>
<title>frame</title>
</head>
<frameset rows="15%,*">
    <frame name="top" src="top.html"/>
    <frameset cols="30%,*">
        <frame name="left" src="frameleft.html"/>
        <frame name="right" src="frameRight.html"/>
    </frameset>

</frameset>

基本结构如上：
其中一个帧：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>学生管理</title>
</head>

<body>
    <a href="add.html" target="right">添加员工</a> <br />
    <a href="delete.html" target="right">添加员工</a>
</body>
</html>

可发现其中一个帧的超链接<a>的target是大帧中的一个帧名：name=”right“

target属性值

blank:新开启一个浏览器窗口
self：在当前窗口显示，默认属性
top：在当前窗口的直接父帧窗口显示
parent：在最顶层窗口显示，不是覆盖

隐含帧

<body>
    <iframe src="frameRight.html"/>
</body>

作用：
- 当指向让一个html文件在浏览器上的一小块区域显示出来，就可以用隐含帧<iframe>
- 当html内容在ifram放不开时，就会出现滚动条
注意事项：
- 不属于<frameset>
- 写在<body>中