您现在的位置是：网站首页> 编程资料编程资料
HTML iframe和frameset的区别_动力节点Java学院整理_HTML/Xhtml_网页制作_
2021-08-29
4104人已围观
简介 这篇文章主要介绍了HTML iframe和frameset的区别,需要的朋友可以参考下
简介
1.
属性
frameborder{int}：是否显示框架的边框；
src{URL}：指定一个资源(如网页、图片)的uri；
scrolling{boolean}：是否显示框架的滚动条；
width{int}：定义iframe的宽度；
height{int}：定义iframe的高度；
示例
HTML标签演示
注意事项
在 "" 内添加内容时，在展示页面不会显示添加的内容。所以还是使用src属性指定一个页面吧。
应用场景
1) 版本升级页面，版本日志过多，可以把升级的信息放到一个iframe里。
2) 富文本编辑框，如博客园的【新建随笔】区域。
frameset定义一个框架集，包含多个框架，每个框架都有独立的文档。
格式
子项说明
属性
frameset属性：
rows：表示子框架按行的样式布局（
）。以2个子框架为例：rows="30%,*" ，表示第一个框架占整个页面30%的高度，第二个占剩下的； cols：表示子框架按列的样式布局(
)。以2个子框架为例：cols="30%,*" ，表示第一个框架占整个页面30%的长度，第二个占剩下的； noresize="noresize" ：表示不调整子框架的范围。
frame属性：
src：指向一个资源(如页面、图片等)的URI；
name：指定框架的名称，以便进行框架间的操作。
示例
frameset 演示
注意事项
使用frameset标签时，注意要去掉外层的
标签。子框架间的操作
参照示例代码，frm1更改frm2的子集指向的页面：window.parent.frames["frm2"].location.href = 'b.htm'
应用场景
1) 后台页面的管理，左边显示 菜单，右边框架 显示详细页面。
2) 功能菜单页面，如bbs.csdn.net
小知识
浏览页面中的框架时，在框架页面内 点击右键，会多出框架的信息。
以chrome为例：
