加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

HTML iframe和frameset的区别

发布时间:2020-03-18 07:25:35 所属栏目:编程 来源:站长网
导读: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的区别

留意事项

在 "<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的区别

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

HTML iframe和frameset的区别

)。以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的区别

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读