HTML iframe 和 frameset 的区别
iframe 和 frameset 都用于html页面的框架布局。
目录：
1. <iframe> 标签：iframe 是个内联框架，是在页面里生成个内部框架。
2. <frameset> 标签：frameset 定义一个框架集，包含多个子框架，每个框架都有独立的文档。
1. <iframe> 标签
iframe 是个内联框架，是在页面里生成个内部框架。
1.1 格式
<iframe></iframe>
1.2 属性
frameborder {int}：是否显示框架的边框；
src {URL}：指定一个资源(如网页、图片)的uri；
scrolling {boolean}：是否显示框架的滚动条；
width {int}：定义iframe的宽度；
height {int}：定义iframe的高度；
1.3 示例
<body> <h3>HTML标签演示</h3> <iframe src=1.1-ShowHtml.htm ></iframe> </body>
1.4 注意事项
在 "<iframe>我是内容</iframe>" 内添加内容时，在展示页面不会显示添加的内容。所以还是使用src属性指定一个页面吧。
1.5 应用场景
1) 版本升级页面，版本日志过多，可以把升级的信息放到一个iframe里。
2) 富文本编辑框，如博客园的【新建随笔】区域。
2. <frameset> 标签
frameset 定义一个框架集，包含多个框架，每个框架都有独立的文档。
2.1 格式
<frameset >
<frame src=a.htm />
<frame src=b.htm />
<noframes></noframes>
</frameset>
2.2 子项说明
<frame src=a.htm /> ：子框架
<noframes></noframes>：浏览器不支持此框架的时，显示的内容。
2.3 属性
frameset 属性：
rows ：表示子框架按行的样式布局（
）。以2个子框架为例：rows="30%,*" ，表示第一个框架占整个页面30%的高度，第二个占剩下的；
cols ：表示子框架按列的样式布局(
)。以2个子框架为例：cols="30%,*" ，表示第一个框架占整个页面30%的长度，第二个占剩下的；
noresize="noresize" ：表示不调整子框架的范围。
frame 属性：
src ：指向一个资源(如页面、图片等)的URI；
name ：指定框架的名称，以便进行框架间的操作。
2.4 示例
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <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>
2.5 注意事项
使用frameset标签时，注意要去掉外层的<body></body>标签。
2.6 子框架间的操作
参照示例代码，frm1更改frm2的子集指向的页面：window.parent.frames["frm2"].location.href = 'b.htm'
2.7 应用场景
1) 后台页面的管理，左边显示 菜单，右边框架 显示详细页面。
2) 功能菜单页面，如bbs.csdn.net
3. 小知识
浏览页面中的框架时，在框架页面内 点击右键，会多出框架的信息。
以chrome为例：
- 上一篇：如何面试一个前端开发者？
- 下一篇：返回列表
