`
Johnny_GZ
  • 浏览: 179055 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

转载 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中测试。  
另外相关论坛窃取总结 :-) 
1、Frame与Iframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性。  frame是整个页面的框架,iframe是内嵌的网页元素,也可以说是内嵌的框架   Iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入 的<Iframe></Iframe>所包含的内容与整个页面是一个整体,而<Frame>< /Frame>所包含的内容是一个独立的个体,是可以独立显示的。另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内 容的代码。  
2、iframe 可以放到表格里面。frame 则不行。 
<table> 
<tr> 
<td><iframe id="" src=""></iframe></td><td></td> 
</tr> 
</table>
3、frame必须在frameset里  而frameset不能与body元素共存,也就说有frameset元素的文档只能是一个框架集,不能有别的东东  
4、IFrame是放在网业的什么地方都行      但是frame只能放到上下左右四个方向  
5、iframme   是活动帧      而frame是非活动帧      iframe使用方法如下      <iframe   scr="sourcefile"   frameborder=0   width="width"   height="height"></iframe>  iframe用起来更灵活,不需要frame那么多讲究    而且放的位置也可以自己设  iframe是内嵌的,比较灵活,不过也有不好的地方,就是位置在不同的浏览器和分辨率下有可能不同,有时会把本来好好的页面搞得变形   iframe就没有这个限制  
6、iframe   可以加在网页中任何一个地方。      而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区别pdf

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

    frame,iframe.frameset用法和区别

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

    iframe与frame的区别

    `iframe`还可以通过`name`属性与其他元素交互,实现内容的跳转和通信。 在选择使用`frame`还是`iframe`时,需要考虑兼容性问题,因为`frame`在一些现代浏览器中可能不被支持,而`iframe`则更为通用。同时,搜索引擎...

    frameset/frame/iframe实例演示

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

    frame,iframe,frameset用法和区别

    `&lt;iframe&gt;`,即“内联框架”,与`frame`类似,但可以独立于`frameset`存在。它可以在网页的任何地方插入一个子窗口,可以用来加载广告、地图、第三方内容等。`iframe`的属性有: - `src`: 与`frame`一样,指定要加载...

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

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

    js 操作 frameset frame iframe对象

    JS 操作 Frameset、Frame、Iframe 对象 Frameset、Frame、Iframe 是 HTML 中的框架编程概念,它们可以将一个 HTML 页面分割成多个独立的区域,每个区域可以显示一个独立的 HTML 页面。JS 操作 Frameset、Frame、...

    frame与contentwindow对象

    Frame 与 ContentWindow 对象 Frame 对象和 ContentWindow 对象是 HTML 文档中两个重要的对象,它们之间存在紧密的联系。通过本文,我们将详细介绍 Frame 对象和 ContentWindow 对象的概念、区别、使用方法和实际...

    dom网页frame枚举

    我们可以使用DOM提供的方法,如`document.getElementsByTagName('frame')`或`document.getElementsByTagName('iframe')`,来获取所有frame或iframe元素的集合。然后,可以通过循环遍历这个集合,对每个frame或iframe...

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

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

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

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

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

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

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

    &lt;IFRAME id="frame1" src="SourcePage.extension / URL of the external Site" scrolling="auto" runat="server"&gt;&lt;/IFRAME&gt; ``` 其中,src 属性指定了要加载的外部页面或资源的 URL。 Step 2:在代码隐藏文件中声明...

    可以左右拖动的iframe框架

    **Iframe(Inline Frame)** 是HTML中的一个元素,它允许我们在一个页面中嵌入另一个页面。通过使用iframe,开发者可以将不同来源的内容整合到一个页面中,比如嵌入视频、地图或者外部文档。Iframe的使用通常涉及到`...

    iframe自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所...在iframe页面链接修复和支持iFrame与父页面之间的链接。 提供自定义的大小和滚动方法。 使家长地位和视口大小的iframe。 与ViewerJS支持PDF和ODF文档。 后备支持到IE8。

    MFC ie webbrowser iframe/frame

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

    frame 的 parent 是谁?

    在编程领域,特别是Web开发中,`frame`和`parent`的概念主要与HTML框架(Frames)和DOM(Document Object Model)结构相关。`frame`是HTML4时代的一个特性,允许网页分割成多个独立的浏览区域,每个区域可以加载不同...

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

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

    详解iframe与frame的区别

    【iframe与frame的区别】 在HTML文档中,iframe(Inline Frame)和frame都是用于将外部文档嵌入到主页面中的元素,但它们之间存在着显著的差异。让我们深入探讨这些差异。 首先,从支持程度来看,HTML5已经不再...

Global site tag (gtag.js) - Google Analytics