HTML iframe 和 frameset 的区别
来源:互联网 发布:mac word 复选框 编辑:程序博客网 时间:2024/06/05 12:35
HTML iframe 和 frameset 的区别
iframe 和 frameset 都用于html页面的框架布局
1.<iframe> 标签
iframe 是个内联框架,是在页面里生成个内部框架。
1.1格式:<iframe></iframe>
1.2主要属性:
frameborder :是否显示框架的边框;
src :指定一个资源(如网页、图片)的uri;
scrolling :是否显示框架的滚动条;
width:定义iframe的宽度;
height:定义iframe的高度;
1.3优点:缩短页面的整体长度。
代码示例:
<body><h3>HTML标签演示</h3><iframe src=1.1-ShowHtml.htm ></iframe></body>
1.4 注意事项
在 "<iframe>我是内容</iframe>" 内添加内容时,在展示页面不会显示添加的内容。所以还是使用src属性指定一个页面吧。
1.5 应用场景:
①版本升级页面,版本日志过多,可以把升级的信息放到一个iframe里。
②富文本编辑框,如博客园的【新建随笔】区域。
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>:浏览器不支持此框架的时,显示的内容。
注意:必须包含<body></body>标签。
2.3 属性:
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>
2.4 注意事项:
使用frameset标签时,注意要去掉外层的<body></body>标签。
2.5 子框架集间的操作
参照示例代码,frm1更改frm2的子集指向的页面:window.parent.frames["frm2"].location.href = 'b.htm'
2.6 应用场景
①后台页面的管理,左边显示 菜单,右边框架 显示详细页面。
②功能菜单页面,如bbs.csdn.net
3.小知识
浏览页面中的框架时,在框架页面内 点击右键,会多出框架的信息。
以chrome为例:
- html iframe和frameset的区别
- HTML iframe 和 frameset 的区别
- HTML iframe 和 frameset 的区别
- HTML iframe 和 frameset 的区别
- html 随记------关于frameset、frame、和iframe的区别
- frameset和iframe的区别
- frameset 和 iframe的区别
- frameset和iframe的区别
- iframe和frameset的区别
- html Frame、Iframe、Frameset 的区别
- html Frame、Iframe、Frameset 的区别 (转)
- html Frame、Iframe、Frameset 的区别
- html Frame、Iframe、Frameset 的区别
- html Frame、Iframe、Frameset 的区别
- html Frame、Iframe、Frameset 的区别
- html Frame、Iframe、Frameset 的区别
- html Frame、Iframe、Frameset 的区别
- html frameset和iframe
- iOS 之图片拖拽、捏合、双击缩放以及保存到相册
- Python自省(反射)指南
- Java 8:HashMap的性能提升
- 行人检测(Pedestrian Detection)资源
- Git学习系列(九)—— Git的版本控制的最佳实践
- HTML iframe 和 frameset 的区别
- ruby gem代理设置
- Oracle中的COALESCE,NVL,NVL2,NULLIF函数
- 几种C/C++ log库的比较
- 遗传算法与C++实现
- 和其他App分享简单的数据(3)添加一个简单的分享Action
- 地图使用
- Linux网络编程之TCP状态转换
- Java程序员应具备的技能