设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 创业者 数据 手机
当前位置: 首页 > 站长学院 > MsSql教程 > 正文

HTML iframe和frameset的区别_动力节点Java学院整理

发布时间:2020-05-13 00:23 所属栏目:116 来源:站长网
导读:1.iframe 标签:iframe 是个内联框架,是在页面里生成个内部框架。 2.frameset 标签:frameset定义一个框架集,包含多个子框架,每个框架都有独立的文档。 iframe 标签 iframe 是个内联框架,是在页面里生成个内部框架。 iframe/iframe 属性 frameborder{i

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=http://www.jb51.net/web/1.1-ShowHtml.htm ></iframe> </body>

HTML iframe和frameset的区别_动力节点Java学院整理

注意事项

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

应用场景

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

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

<frameset> 标签

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

格式

<frameset >   <frame src=http://www.jb51.net/web/a.htm />   <frame src=http://www.jb51.net/web/b.htm />   <noframes></noframes> </frameset>

子项说明

<framesrc=http://www.jb51.net/web/a.htm /> :子框架 <noframes></noframes>:浏览器不支持此框架的时,显示的内容。

属性

frameset属性:

  rows:表示子框架按行的样式布局(

HTML iframe和frameset的区别_动力节点Java学院整理

)。以2个子框架为例:rows="30%,*" ,表示第一个框架占整个页面30%的高度,第二个占剩下的;  cols:表示子框架按列的样式布局(

HTML iframe和frameset的区别_动力节点Java学院整理

)。以2个子框架为例:cols="30%,*" ,表示第一个框架占整个页面30%的长度,第二个占剩下的;  noresize="noresize" :表示不调整子框架的范围。

frame属性:

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

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

示例

<html xmlns=""> <head> <title>frameset 演示</title> </head> <frameset rows="30%,*" noresize="noresize"> <frame src=http://www.jb51.net/web/DateGrid.htm name="frm1" /> <frame src=http://www.jb51.net/web/Dialog.htm name="frm2"/> <noframes></noframes> </frameset> </html>

注意事项

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

子框架间的操作

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

应用场景

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

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

小知识

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

以chrome为例:

HTML iframe和frameset的区别_动力节点Java学院整理

(编辑:ASP站长网)

    网友评论
    推荐文章
      热点阅读