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://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>
注意事项
使用frameset标签时，注意要去掉外层的<body></body>标签。
子框架间的操作
参照示例代码，frm1更改frm2的子集指向的页面：window.parent.frames["frm2"].location.href = 'b.htm'
应用场景
1) 后台页面的管理，左边显示 菜单，右边框架 显示详细页面。
2) 功能菜单页面，如bbs.csdn.net
小知识
浏览页面中的框架时，在框架页面内 点击右键，会多出框架的信息。
以chrome为例：
相关文章
- 这篇文章主要介绍了HTML图片img标签的相关资料,需要的朋友可以参考下2017-06-21
- 什么是HTML锚点，锚点应该如何用？这篇文章主要为大家详细介绍了HTML中锚点的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-21
- 这篇文章主要介绍了HTML中div和span比较，分别介绍了div和span的用法和比较，有兴趣的可以了解一下2017-06-21
- HTML是超文本标记语言,是一种用来制作超文本文档的简单标记语言，本文详细的介绍了html的发展和基本概念，有兴趣的可以了解一下2017-06-21
- HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据，本文主要讨论 POST 提交数据2017-06-21
- <a>是超链接标签，什么是超链接呢？这篇文章主要介绍了HTML超链接a标签的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-21
这篇文章主要介绍了HTML常用格式标签的相关资料,需要的朋友可以参考下2017-06-20- 什么是HTML？什么是超链接?这篇文章主要为大家详细介绍了HTML的最基础资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-21
- 在html中绘制表格使用table标签，tr表示行，td表示列,下面通过代码实例给大家介绍HTML表格的相关知识，感兴趣的朋友一起看看吧2017-06-20
- HTML是创建网页的基础语言,如果不了解HTML就谈不上网页设计。以下是关于HTML基本结构入门知识的讲解2017-06-20
最新评论