HTML iframe和frameset的区别

简介

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

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

iframe> 标签

iframe 是个内联框架，是在页面里生成个内部框架。

iframe> /iframe>

属性

frameborder{ int} ：是否显示框架的边框；

src{ URL} ：指定一个资源(如网页、图片)的uri；

scrolling{ boolean} ：是否显示框架的滚动条；

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>
     

子项说明

framesrc=a.htm /> ：子框架 noframes> /noframes> ：浏览器不支持此框架的时，显示的内容。

属性

frameset属性：

　　rows：表示子框架按行的样式布局（）。以2个子框架为例：rows="30%,*" ，表示第一个框架占整个页面30%的高度，第二个占剩下的；　　cols：表示子框架按列的样式布局()。以2个子框架为例：cols="30%,*" ，表示第一个框架占整个页面30%的长度，第二个占剩下的；　　noresize="noresize" ：表示不调整子框架的范围。

frame属性：

　　src：指向一个资源(如页面、图片等)的URI；

　　name：指定框架的名称，以便进行框架间的操作。

示例

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>
     

注意事项

使用frameset标签时，注意要去掉外层的body> /body> 标签。

子框架间的操作

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

应用场景

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

2) 功能菜单页面，如BBS.csdn.net

小知识

　　浏览页面中的框架时，在框架页面内 点击右键，会多出框架的信息。

以chrome为例：

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！