HTML iframe和frameset的区别_动力节点Java学院整理
简介
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://.w3./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'
应用场景
1) 后台页面的管理,左边显示 菜单,右边框架 显示详细页面。
2) 功能菜单页面,如bbs.csdn.
小知识
浏览页面中的框架时,在框架页面内 点击右键,会多出框架的信息。
以chrome为例
长沙网站设计
- 如何进行东阳SEO关键词优化?
- 边坝哪有关键词排名优化:提升你的网站流量与
- 安国百度优化服务:提升您的在线可见性
- 阜康新手做SEO怎么做
- 山西seo网站排名关键词优化:提升您网站曝光率
- 临沂seo网站排名关键词优化:提高你的网站可见
- 广西SEO网站推广怎样付费比较合理
- 双辽SEO网站推广:提升你的网站可见性与流量
- 辽宁企业网站优化购买方式有哪些
- 提升宝清百度SEO排名的实用技巧与策略
- 静宁百度SEO排名:提升您网站曝光率的关键策略
- 彭州百度SEO排名的提升策略和实施指南
- 广南百度关键词SEO:提升网站排名的关键策略
- 辽宁关键词优化怎么做论坛营销
- 吉林百度seo排名如何做到让用户满意
- 内黄百度优化服务:提升在线可见性的关键