HTML iframe 和 frameset 的区别

 我来答
ACE丶尛小磊
2017-04-17 · TA获得超过8.3万个赞
知道小有建树答主
回答量:1598
采纳率:80%
帮助的人:108万
展开全部

简介:

  1. <iframe>  标签:iframe 是个内联框架,是在页面里生成个内部框架。


  2. <frameset>  标签:frameset 定义一个框架集,包含多个子框架,每个框架都有独立的文档。


<iframe> 标签:

一、iframe 是个内联框架,是在页面里生成个内部框架。<iframe></iframe>属性

A.frameborder {int}:是否显示框架的边框;

B.src {URL}:指定一个资源(如网页、图片)的 uri;

C.scrolling {boolean}:是否显示框架的滚动条;

D.width {int}:定义 iframe 的宽度; height {int}:定义 iframe 的高度;

示例:

<body>
 <h3>HTML 标签演示</h3>
 <iframe src=1.1-ShowHtml.htm ></iframe>
 </body>


【注意事】}:在 "<iframe>我是内容</iframe>" 内添加内容时,在展示页面不会显示添加的内容。所以还是使用 src 属性指定一个页面。

二、应用场景:

1) 版本升级页面,版本日志过多,可以把升级的信息放到一个 iframe 里。

2) 富文本编辑框,如博客园的【新建随笔】区域。

<frameset> 标签:

一、frameset 定义一个框架集,包含多个框架,每个框架都有独立的文档。

二、格式:

 <frameset >
<frame src=a.htm /> <frame src=b.htm />
<noframes></noframes>
</frameset>

子项说明:

<frame src=a.htm /> :子框架。

<noframes></noframes>:浏览器不支持此框架的时,显示的内容。

三、属性:

frameset 属性:rows :表示子框架按行的样式布局()。以 2 个子框架为例:rows="30%,*" ,表示第一个框架占整个页面 30%的高度,第二个占剩下的;cols :表示子框架按列的样式布局()。以 2 个子框架为例:cols="30%,*" ,表示第一个框架占整个页面 30%的长度,第二个占剩下的;noresize="noresize" :表示不调整子框架的范围。frame 属性:src :指向一个资源(如页面、图片等)的 URI;name :指定框架的名称,以便进行框架间的操作。

示例:

<html xmlns="

<title>frameset 演示</title> </head>
 
<frameset
 rows="30%,*" noresize="noresize"> <frame src=DateGrid.htm 
name="frm1" /> <frame src=Dialog.htm name="frm2"/> 
<noframes></noframes>
</frameset>
 
</html>

【注意事项】:使用 frameset 标签时,注意要去掉外层的<body></body>标签。子框架间的操作

参照示例代码,frm1 更改 frm2 的子集指向的页面:window.parent.frames["frm2"].location.href = 'b.htm'

四、应用场景:

1) 后台页面的管理,左边显示 菜单,右边框架 显示详细页面。

2) 功能菜单页面,如 bbs.csdn.net。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式