frame和iframe的区别

来源:http://blog.csdn.net/lyr1985/article/details/6067026

1、frame不能脱离frameSet单独使用,iframe可以;

2、frame不能放在body中;如下可以正常显示:
<!--<body>-->
<frameset rows="50%,*">
<frame name="frame1" src="test1.htm"/>
<frame name="frame2" src="test2.htm"/>
</frameset>
<!--<body>-->

如下不能正常显示:
<body>
<frameset rows="50%,*">
<frame name="frame1" src="test1.htm"/>
<frame name="frame2" src="test2.htm"/>
</frameset>
<body>

3、嵌套在frameSet中的iframe必需放在body中;如下可以正常显示:
<body>
<frameset>
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
</frameset>
</body>
如下不能正常显示:

<!--<body>-->
<frameset>
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
</frameset>
<!--</body>-->


4、不嵌套在frameSet中的iframe可以随意使用;
如下均可以正常显示:
<body>
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
</body>


<!--<body>-->
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
<!--</body>-->


5、frame的高度只能通过frameSet控制;iframe可以自己控制,不能通过frameSet控制,如:

<!--<body>-->
<frameset rows="50%,*">
<frame name="frame1" src="test1.htm"/>
<frame name="frame2" src="test2.htm"/>
</frameset>
<!--</body>-->

<body>
<frameset>
<iframe height="30%" name="frame1" src="test1.htm"/>
<iframe height="100" name="frame2" src="test2.htm"/>
</frameset>
</body>


6、如果在同一个页面使用了两个以上的iframe,在IE中可以正常显示,在firefox中只能显示出第一个;使用两个以上的frame在IE和firefox中均可正常

以上代码在IE7和firefox2.0中测试。

另外相关论坛窃取总结 :-)
1Frame与Iframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性。
frame是整个页面的框架,iframe是内嵌的网页元素,也可以说是内嵌的框架

Iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入的<Iframe></Iframe>所包含的内容与整个页面是一个整体,而<Frame></Frame>所包含的内容是一个独立的个体,是可以独立显示的。另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内容的代码。

2iframe 可以放到表格里面。frame 则不行。
<table>
<tr>
<td><iframe id="" src=""></iframe></td><td></td>
</tr>
</table>

3frame必须在frameset里
而frameset不能与body元素共存,也就说有frameset元素的文档只能是一个框架集,不能有别的东东

4IFrame是放在网业的什么地方都行
但是frame只能放到上下左右四个方向

5iframme 是活动帧
而frame是非活动帧
iframe使用方法如下
<iframe scr="sourcefile" frameborder=0 width="width" height="height"></iframe>
iframe用起来更灵活,不需要frame那么多讲究
而且放的位置也可以自己设
iframe是内嵌的,比较灵活,不过也有不好的地方,就是位置在不同的浏览器和分辨率下有可能不同,有时会把本来好好的页面搞得变形

iframe就没有这个限制

6iframe 可以加在网页中任何一个地方。
而frame 通常做框架页
iframe是一个网页中的子框架,两网页间是父子关系

frame是框架,由多个并列的网页构成
楼上的说得对,iframe是浮动的。就像是浮动面板,而frame是固定的。只能四个方向上的。
你可以直接在网页里用一下,看看效果就行了。


7<iframe>是被嵌入在网页的元素,而<frame>用于组成一个页面的多个框架!
iframe 更利于版面的设计
frame 一条直一条竖的不美观
frame的那一条线也可以去掉的呦!只不过,iframe更方便对其进行数据的交换吧!
iframe可以放置到你想放的任意位置,控制起来比frame方便

8iframe是内部帧,可以嵌在一个页面里面,设置内部帧的属性可以使得整体看上去象一个完整的页面,而不是由多个页面组成,frame有frame的好处,比如何多网站,上面放广告条,左边放菜单,右边放内容,这样上边和左边的内容都可不动,只刷新右边页面的内容,选择iframe还是frame完全看自己的需求。

说白了,用IFrame比用Frame少一个文件(FrameSet),但支持Frame的浏览器比较多。

我为我公司做的网站,整个是用了iframe,linux带的浏览器都不支持,哎呀,丑呀,不过我还是喜欢用iframe

还有iframe可以放在表格里,然后ifame设置成width=100% height=100%
我就可以只需修改我的表格的宽度和高度,这样的话有利于排版

其实Frame是一个控件
使用方法和Panle相同。

frame是把网页分成多个页面的页面。它要有一个框架集页面frameset
iframe是一个浮动的框架,就是在你的页面里再加上一个页面,

<frame>用来把页面横着或竖着切开,
<iframe>用来在页面中插入一个矩形的小窗口

Frame一般用来设置页面布局,将整个页面分成规则的几块,每一块里面包含一个新页面.
iframe用来在页面的任何地方插入一个新的页面.

因此,Frame用来控制页面格式,比如一本书,左边是章节目录,右边是正文,正文很长,看的时候要拖动,但又不想目录也被拖动得开不到了.因此最好将页面用Frame分成规则的2页,一左一右.

而iframe则更灵活,不要求将整个页面划分,你可以在页面任何地方用iframe嵌入新的页面.

我个人认为:
<frame>用于全页面
<iframe>只用于局部

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/497635.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql ubuntu client_ubuntu 安装 mysqlclient

安装须知&#xff1a;我们使用Django、flask等来操作MySQL&#xff0c;实际上底层还是通过Python来操作的。因此我们想要用Django来操作MySQL&#xff0c;首先还是需要安装一个驱动程序。在Python3中&#xff0c;驱动程序有多种选择。比如有pymysql以及mysqlclient等。常见的My…

产生和防御对抗样本的新方法 | 分享总结

来源&#xff1a;AI研习社作者&#xff1a;杨文在线上公开课上&#xff0c;来自清华大学的在读博士生廖方舟分享了他们团队在 NIPS 2017 上一个对抗样本攻防大赛中提到的两个新方法&#xff0c;这两个方法在大赛中分别获得了攻击方和防守方的第一名。在此可看视频回放&#xff…

BigDecimal总结

1、BigDecimal为不可变对象&#xff0c;每次“操作”都会返回新对象。 2、[精度]precision、[非标度值]unscale、[标度]scale //正数的[精度]precision、[非标度值]unscale、[标度]scale //0 precision1,unscale0,scale0 BigDecimal tmp new BigDecimal("0"); Syste…

ubuntu 12.10 安装mysql_Ubuntu12.10安装Mysql数据库

安装步骤要安装mysql&#xff0c;可以在终端提示符下输入以下命令&#xff1a;sudo apt-get install mysql-server mysql-client #中途会让你输入一次root用户密码 一旦安装完成&#xff0c;MySQL 服务器应该自动启动。sudo start mysql #手动的话这样启动sudo stop mysql #手动…

36小时,造一个亚马逊无人商店 | 实战教程+代码

夏乙 问耕 编译整理量子位 出品 | 公众号 QbitAIclass"video_iframe" data-vidtype"2" allowfullscreen"" frameborder"0" data-ratio"1.7666666666666666" data-w"848" scrolling"no" data-src"h…

穷查理宝典--人类误判心理学思维导图

穷查理宝典--人类误判心理学思维导图 分享地址&#xff1a;https://www.processon.com/view/link/5d6e0976e4b09176f3092aa6

mysql中怎么在列中使用时间函数_mysql中关于时间的函数使用教程

UNIX_TIMESTAMP() UNIX_TIMESTAMP(date) 如果没有参数调用&#xff0c;返回一个Unix时间戳记(从1970-01-01 00:00:00GMT开始的秒数)。如果UNIX_TIMESTAMP()用一 个date参数被调用&#xff0c;它返回从1970-01-01 00:00:00 GMT开始的秒数值。date可以是一个DATE字符串、一个DATE…

深度学习将眼睛变成健康“指示器”

来源&#xff1a;科学网概要&#xff1a;科学家正利用该方法寻找基因组中的突变&#xff0c;并且预测单个细胞布局的变化。眼膜图象可使计算机预测一个人是否会马上心脏病发作。人们常说&#xff0c;眼睛是心灵的窗户。但谷歌公司的研究人员将其视为个人健康的“指示器”。这个…

mysql删除赋权_mysql 添加用户 删除用户 赋权

MySql中添加用户,新建数据库,用户授权,删除用户,修改密码(注意每行后边都跟个;表示一个命令语句结束):1.新建用户1.1 登录MYSQL&#xff1a;>mysql -u root -p>密码1.2 创建用户&#xff1a;mysql> insert into mysql.user(Host,User,Password) values("localhos…

AI智能手机会是什么样?至少有这十个功能

来源&#xff1a;腾讯科技&#xff0c;编译&#xff1a;云开概要&#xff1a;AI功能将成为智能手机厂商提升产品差异度&#xff0c;获得新客户&#xff0c;留住现有用户的一种手段。业界媒体digit近日发表文章称&#xff0c;据调研公司Gartner预测&#xff0c;到2022年&#xf…

Mockito教程--思维导图笔记

笔记来源&#xff1a;https://blog.csdn.net/xiang__liu/article/details/81147933 思维导图地址&#xff1a;https://www.processon.com/view/link/5da7bfbfe4b0ea86c2b3db94

有生之年,人工智能会给世界带来什么变化?这里是现代机器人之父Rodney Brooks关于未来的预言

来源&#xff1a;网络大数据概要&#xff1a;所有的新技术都会“这项技术对人类有多少好处”或者“这项技术有多糟糕”之类的预测。新年伊始&#xff0c;世界著名的机器人学家&#xff0c;机器人企业家(iRobot和Rethink Robotics两家知名机器人企业的创始人)&#xff0c;澳大利…

linux配置mysql数据库_Linux下配置mysql数据库

1 linux下安装mysql数据库1、将安装包上传到linux目录下/usr/local/wollo2、使用 tar命令在当前目录下解压mysql解压命令为&#xff1a;[rootbogon wollo]# tar -zxvf mysql-5.6.31-linux-glibc2.5-x86_64.tar.gz3、将解压后的mysql文件夹复制到usr目录下的local目录中复制命令…

《学习究竟是什么》思维导图笔记

《学习究竟是什么》思维导图笔记 详细地址&#xff1a;https://www.processon.com/view/5f0184a6e401fd3908b1f1a7#map

百度CES大秀,Apollo2.0与DuerOS新产品背后的百度开放新姿态

来源&#xff1a;亿欧概要&#xff1a;在过去的一年里&#xff0c;无论是自动驾驶开放平台 Apollo和智能语音交互平台DuerOS都取得了外界瞩目的成绩&#xff0c;百度迫切地希望把这份成绩传达出去&#xff0c;并且吸引来更多的合作伙伴&#xff0c;扩大战果。美国当地时间1月8日…

jmeter里的连接数_Jmeter之连接问题

Connection reset报错原理服务器端因为某种原因关闭了Connection&#xff0c;而客户端依然在读写数据&#xff0c;此时服务器会返回复位标志“RST”&#xff0c;然后此时客户端就会提示“java.net.SocketException: Connection reset”。产生原因服务器的并发连接数超过了其承载…

HttpClient 指南思维导图笔记

完整思维导图&#xff1a;https://www.processon.com/view/link/5ff28968e401fd661a0f0c2f

机器人产业的前途取决于人工智能关键技术的发展

来源&#xff1a;亿欧概要&#xff1a;让机器人实现智能的关键技术在最近十年会发展到什么程度&#xff1f;整个产业的应用前景将会如何&#xff1f;目前的机器人已经能够胜任精确、重复性的工作&#xff0c;但很多时候&#xff0c;它还不能够灵活地为新任务进行自我调整&#…

mysql binlog过期策略_对存在过期 binlog 的 MySQL5.7 添加从服务器

数据库版本&#xff1a;MySQL 5.7原数据库&#xff1a;mysql01从数据库&#xff1a;mysql02原数据库配置文件datadir/var/lib/mysqlsocket/var/lib/mysql/mysql.socksymbolic-links0log-error/var/log/mysqld.logpid-file/var/run/mysqld/mysqld.pidserver-id1gtid_modeonenfor…

携手320+合作伙伴,英伟达扔下一枚自动驾驶炸弹,打响新年越野赛 | CES2018

来源&#xff1a;36Kr概要&#xff1a;英伟达宣布世界首个自动机器处理器英伟达DRIVE Xavier&#xff0c;2018年第一季度发布&#xff0c;称这是英伟达有史以来最大的研发投入&#xff0c;研发投入高达 20 亿美元。还是那个伸手就可以从兜里掏出芯片的老黄。黄仁勋以2个小时的主…