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

网页制作 2024/12/22 佚名

3 2 1

圆月山庄资源网 Design By www.vgjia.com

简介

1.<iframe> 标签：iframe 是个内联框架，是在页面里生成个内部框架。

2.<frameset> 标签：frameset定义一个框架集，包含多个子框架，每个框架都有独立的文档。

<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为例：

frameset,iframe,区别,html,frameset,iframe

标签：

frameset,iframe,区别,html,frameset,iframe

圆月山庄资源网 Design By www.vgjia.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

圆月山庄资源网 Design By www.vgjia.com

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

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年12月22日

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

frameset,iframe,区别,html,frameset,iframe

HTML DOM简介_动力节点Java学院整理

HTML表单_动力节点Java学院整理

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

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接