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=http://www.jb51.net/web/1.1-ShowHtml.htm ></iframe> </body> 留意事项 在 "<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:暗示子框架按行的样式机关( 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为例: (编辑:湖南网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |