网页制作

HTML iframe和frameset的区别_动力节点Java学院整理
网页制作 2024/12/23 佚名
3 2

简介

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>

HTML iframe和frameset的区别_动力节点Java学院整理

注意事项

在 "<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：表示子框架按行的样式布局（HTML iframe和frameset的区别_动力节点Java学院整理）。以2个子框架为例：rows="30%,*" ，表示第一个框架占整个页面30%的高度，第二个占剩下的；　　cols：表示子框架按列的样式布局(HTML iframe和frameset的区别_动力节点Java学院整理)。以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 iframe和frameset的区别_动力节点Java学院整理

标签：
frameset,iframe,区别,html,frameset,iframe
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
岱庙资源网 Copyright www.zgmyg.com
www.zgmyg.com 岱庙资源网
129,905影音资源
244,626技术资源
111,817软件资源
578,645站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
岱庙资源网 Copyright www.zgmyg.com