【HTML】 frame和iframe的区别

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>只用于局部

iframe和frame的对象:http://www.runoob.com/jsref/dom-obj-frame.html

frameset对象:http://www.runoob.com/jsref/dom-obj-frameset.html

原文链接:http://blog.csdn.net/lyr1985/article/details/6067026

时间: 2024-10-12 20:13:05

【HTML】 frame和iframe的区别的相关文章

frame与iframe的区别及基本用法

frame 和 iframe 的区别 1.frame 不能脱离 frameset 单独使用,iframe 可以: 2.frame 不能放到body中,否则将无法显示: 3.iframe 也可以嵌套在frameset ,但是必须放到body中,不嵌套在frameset 中的iframe 可以随意使用: 4.frame 的高度只能通过 frameset 控制,iframe 是自己本身控制,不能通过 frameset 设置: 5.iframe 可以放到表格中: frame 的基本用法 由于 frame

frame与iframe的区别?

1.frame不能脱离frameSet单独使用,iframe可以 2.frame不能放在body中,否则不能正常显示 3.嵌套在frameSet中的iframe必需放在body中,不嵌套在frameSet中的iframe可以随意使用 4.frame的高度只能通过frameSet控制:iframe可以自己控制,不能通过frameSet控制 <!--<body>--> <frameset rows="50%,*"> <frame name=&quo

frame和iframe的区别

转自:http://blog.csdn.net/lyr1985/article/details/6067026        CSDN 1.frame不能脱离frameSet单独使用,iframe可以: 2.frame不能放在body中:如下可以正常显示: <!--<body>--> <frameset rows="50%,*">    <frame   name="frame1"   src="test1.htm

html中的框架frameset和frame及iframe

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面. 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面,简而言之,就是在一个窗口中显示多个页面. 每个页面称之为一个框架.并且每个框架独立于其他的框架. 使用框架的坏处:必须同时跟踪多个框架(网页或HTML文档),整个页面很难打印. 1.框架标签(Frame) 简单的三框架页面: <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"

操作Frame和IFrame中页面元素

HTML <iframe> 标签 定义:iframe 元素会创建包含另外一个文档的内联框架(即行内框架). frame标签有frameset.frame.iframe三种,frameset跟其他普通标签没有区别,不会影响到正常的定位 而frame与iframe对selenium定位而言是一样的,selenium有一组方法对frame进行操作. 1.怎么切到frame中(switch_to.frame()) selenium提供了switch_to.frame()方法来切换frame switc

【Selenium2】【selenium之 定位以及切换frame(iframe)】

参考:http://blog.csdn.net/huilan_same/article/details/52200586 总有人看不明白,以防万一,先在开头大写加粗说明一下: frameset不用切,frame需层层切! 很多人在用selenium定位页面元素的时候会遇到定位不到的问题,明明元素就在那儿,用firebug也可以看到,就是定位不到,这种情况很有可能是frame在搞鬼(原因之一,改天专门说说定位不到元素,可能的一些原因及处理办法). frame标签有frameset.frame.if

selenium之 定位以及切换frame(iframe)

frameset不用切,frame需层层切! 很多人在用selenium定位页面元素的时候会遇到定位不到的问题,明明元素就在那儿,用firebug也可以看到,就是定位不到,这种情况很有可能是frame在搞鬼(原因之一,改天专门说说定位不到元素,可能的一些原因及处理办法). frame标签有frameset.frame.iframe三种,frameset跟其他普通标签没有区别,不会影响到正常的定位,而frame与iframe对selenium定位而言是一样的,selenium有一组方法对frame

深入探究frame和bounds的区别以及setbounds使用

原文:http://www.cocoachina.com/ios/20140925/9755.html 在iOS开发中经常遇到两个词Frame和bounds,本文主要阐述Frame和bound的区别,尤其是bound很绕,很难理解. 一.首先,看一下公认的资料 先看到下面的代码你肯定就明白了一些: 1 2 3 4 5 6 -(CGRect)frame{     return CGRectMake(self.frame.origin.x,self.frame.origin.y,self.frame

jsWindow 对象 Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 注释:没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。 Window 对象集合 集合 描述 frames[] 返回窗口中所有命

一.JSX简介 JSX就是Javascript和XML结合的一种格式.React发明了JSX,利用HTML语法来创建虚拟DOM.当遇到<,JSX就当HTML解析,遇到{就当JavaScript解析. 如下(JS写法) var child1 = React.createElement('li', null, 'First Text Content'); var child2 = React.createElement('li', null, 'Second Text Content'); var