`
dtr1988
  • 浏览: 43896 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

frame和iframe的区别(转)

    博客分类:
  • js
 
阅读更多
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>只用于局部
分享到:
评论

相关推荐

    FRAME与IFRAME的使用方法与区别

    ### FRAME与IFRAME的使用方法与区别 #### 框架的基本概念 在Web开发领域,`FRAME`与`IFRAME`都是用来展示多个文档的容器元素,但它们的工作方式有所不同。`FRAME`是一种早期的技术,它允许开发者在一个HTML页面中...

    frame,iframe.frameset用法和区别

    - **&lt;IFRAME&gt;**: 与 `&lt;FRAME&gt;` 类似,但 `&lt;IFRAME&gt;` 可以独立于框架集存在,更灵活,常用于嵌入小块内容或者动态加载内容。 - ****: 当用户的浏览器不支持框架时,`&lt;NOFRAMES&gt;` 内的内容将作为替代显示。 ### 框架...

    frame,iframe,frameset区别pdf

    接下来,我们将详细讨论frame、iframe和frameset的区别和用法。 **Frame** Frame标签已经不再被推荐使用,因为它已从HTML5标准中废弃。在早期的HTML版本中,frame标签用于定义一个框架,让页面的一部分可以加载另...

    frame,iframe,frameset用法和区别

    - `iframe`支持更多的现代Web技术,如CSS3和JavaScript,而`frame`在某些现代浏览器中的支持不如`iframe`。 在实际应用中,需要根据需求和浏览器兼容性选择合适的框架元素。需要注意的是,虽然框架可以提供复杂布局...

    frameset/frame/iframe实例演示

    里面包含了frameset,frame以及iframe的一些技术的演练,希望对大家有帮助,如果有什么补充或疑问,可以加QQ374053115进行和我讨论交流,互相进步!里面代码均手写,大致功能都已经实现,如果错误欢迎指出!

    iframe与frame的区别

    总的来说,`frame`适合创建固定的多窗口布局,而`iframe`更适合需要动态插入和更新内容的场景,或者在保持页面整体结构不变的情况下,灵活展示不同内容的需求。在实际应用中,开发者应根据项目需求、浏览器兼容性和...

    frame,iframe,中的js的相互访问示例

    1. **frame与iframe的区别** - `frame`是HTML4中的元素,它被用作`frameset`的一部分,用来分割窗口或框架。而`iframe`是独立的窗口,可以嵌入到任何HTML文档中,它是HTML5引入的新特性。 - `frame`不支持响应式...

    js 操作 frameset frame iframe对象

    JS 操作 Frameset、Frame、Iframe 对象可以实现框架之间的互相访问和控制。 Frameset 对象 Frameset 对象是 HTML 中的框架集,它可以包含多个 Frame 对象。Frameset 对象可以通过 `window.frames` 属性来访问,...

    dom网页frame枚举

    在这个场景中,"dom网页frame枚举"指的是利用DOM来遍历和管理网页中嵌入的frame或者iframe元素。 Frame和Iframe都是HTML中用于嵌入其他网页或资源的元素。它们允许开发者将多个独立的文档或页面组合到一个单一的...

    对frameset、frame、iframe的js操作.pdf

    本文主要探讨了如何使用JavaScript来操作HTML中的frameset、frame和iframe元素,这些元素在构建多页面布局和实现页面间交互时非常常见。在HTML中,frameset定义了一个框架集,而frame和iframe则用于嵌入单独的HTML...

    多个iframe,显示其中一个frame中的div,并处于最上层显示

    总结来说,实现"多个iframe,显示其中一个frame中的div,并处于最上层显示"的功能,涉及了HTML的`iframe`标签、CSS的`z-index`属性、JavaScript的`postMessage`通信以及动态创建和操作DOM元素的技巧。通过这些技术,...

    asp.net 中使用iframe动态加载页面

    ASP.NET 中使用 iframe 动态加载页面 ASP.NET 中使用 iframe 动态加载页面是指在 ASP.NET 应用程序中使用 iframe ...因此,在使用 iframe动态加载页面时,需要注意安全性和性能问题,合理设计和实现 iframe 的使用。

    frame与contentwindow对象

    通过本文,我们将详细介绍 Frame 对象和 ContentWindow 对象的概念、区别、使用方法和实际应用场景。 Frame 对象 Frame 对象是 HTML 文档中的一个窗口对象,它可以包含一个或多个 HTML 文档。Frame 对象可以是独立...

    可以左右拖动的iframe框架

    在IT行业中,网页开发是一项重要的任务,而框架和iframe的使用是其中不可或缺的部分。"可以左右拖动的iframe框架"是一种创新的实现方式,它允许用户通过鼠标在水平方向上移动iframe,从而提供了更灵活的网页布局和...

    \faremeset,frame,iframe属性大全.doc

    框架技术主要包括`&lt;FRAMESET&gt;`、`&lt;FRAME&gt;`、`&lt;NOFRAMES&gt;`和`&lt;IFRAME&gt;`四个主要标记。 1. ****: `&lt;FRAMESET&gt;`标记用于定义框架集,它是框架布局的基础。通过`rows`和`cols`属性来决定框架的行数和列数。例如,`...

    iframe自适应宽高

    高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域认证。 提供了一系列的页面大小的计算方法来支持复杂的CSS布局。 检测修改DOM可以使网页大小使用MutationObserver。 发现可以导致页面大小...

    iframe跨域常用问题和iframe页面自适应

    在网页开发中,`iframe`(Inline Frame)是一种非常实用的元素,它可以将一个完整的HTML文档嵌入到当前页面中,常用于实现页面组件化、加载外部内容或隐藏页面加载等场景。本篇文章将深入探讨两个关键知识点:`...

    frame 的 parent 是谁?

    在编程领域,特别是Web开发中,`frame`和`parent`的概念主要与HTML框架(Frames)和DOM(Document Object ...虽然现代Web开发中`frame`已经逐渐被`iframe`取代,但理解这些基本概念对于理解和解决问题仍然十分关键。

    MFC ie webbrowser iframe/frame

    标题"MFC ie webbrowser iframe/frame"指向的主题是关于如何在MFC应用程序中使用IE WebBrowser控件,并特别关注如何处理iframe框架以及在其中交互。Iframe(Inline Frame)是一种HTML元素,用于在页面中嵌入另一个...

    在iframe、frame之间,js的相互访问、修改

    当我们谈论在`iframe`、`frame`之间通过JavaScript进行相互访问和修改时,涉及到的知识点主要包括DOM操作、跨域安全、同源策略以及一些特殊的技术和技巧。 1. 同源策略:同源策略是浏览器为了保障用户信息安全而...

Global site tag (gtag.js) - Google Analytics