`

frame 与 iframe 及其区别

 
阅读更多
1. html5 不支持frame。

2. iframe 可以单独在任意位置。

3. 访问iframe内对象的方法和普通一样。
   iframe内访问外部时用parent.XXX

4. 注意target属性。 是根据iframe的name属性来关联的。

5. iframe的src属性是要显示的资源的地址。
   可以是图片,也可以是一个请求:/showForm?formid=Reg001_XXX&lan=EN .
   这样iframe显示的就是改请求返回的页面对象。

6. 通过js可以动态添加iframe等对象。


<FRAME> 与 <IFRAME>区别

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

2、frame不能放在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中均可正常

7、frame是分栏的,而iframe是嵌入到页面的,frame是一个框架里面的框架页,而框架需要全屏幕显示,不是像一般网頁可以定760的宽度,而且frame不能用于表格之內,而只是把页面进行划分。 所以如果需要插入內嵌的页面,就一般要用iframe,iframe很方便地插入页面
分享到:
评论

相关推荐

    用JS操作FRAME中的IFRAME及其内容的实现代码

    ### 使用JavaScript操作FRAME中的IFRAME及其内容 #### 背景介绍 在网页开发过程中,有时我们需要在浏览器地址栏中直接输入JavaScript代码来修改页面的状态或行为,尤其是在处理嵌套框架(FRAME/IFRAME)的情况下。...

    举例讲解HTML中iframe和frame的区别

    下面详细讲解frame和iframe的区别及其使用场景。 1. frame和frameset的关系 frame元素必须放置在frameset元素内部使用,它不能脱离frameset独立存在。frameset是定义框架集的元素,它允许页面分割成多个区域,每个...

    iframe框架中实现打开多窗口方法

    本文将基于给定文件的信息,深入探讨在iframe框架中实现多窗口打开的方法及其背后的原理。 ### 关键知识点一:`target`属性与`name`属性的应用 #### `target`属性 `target`属性是HTML中的`&lt;a&gt;`标签的一个属性,...

    iframe跨域通信解决方法

    尤其是在使用`iframe`嵌入不同源的内容时,主页面往往无法直接与`iframe`内的内容进行交互,这就需要一种解决方案来实现跨文档消息传递。本文档将详细介绍如何在Vue项目或普通Web页面中利用`postMessage`API来实现`...

    iframe对另一个iframe控制的Demo

    本实例“iframe对另一个iframe控制的Demo”展示了如何通过JavaScript或者jQuery实现一个iframe对另一个iframe的交互,以及如何控制iframe的显示与隐藏。这种技术广泛应用于构建复杂的Web应用程序,如页面内的多窗口...

    IFrame中Session丢失的解决办法

    在探讨“IFrame中Session丢失的解决办法”这一主题时,我们首先需要理解Session与IFrame的基本概念及其在Web开发中的交互方式。Session是Web应用中用于存储用户特定信息的一种机制,它允许开发者在用户的会话期间...

    iframe for flex!

    文件名`flex-iframe-1.4.5`可能表示这是一个关于`iframe`与`flex`结合使用的版本号为1.4.5的资源库或框架,其中可能包含了实现这些功能的示例代码、文档或工具,帮助开发者更好地理解和应用`iframe`与`flex`的组合。...

    jsp页面不同frame间调用

    现在我们就来详细探讨`jsp`页面在`iframe`中的应用及其交互机制。 首先,理解`iframe`的基本结构是至关重要的。`iframe`标签通常包含`src`属性,用于指定要嵌入的外部HTML文档的URL。例如: ```html &lt;iframe src=...

    div覆盖 iframe

    `iframe`(Inline Frame)允许我们在一个网页中嵌入另一个网页,它可以加载外部HTML、图片、视频,甚至整个应用程序。这在需要展示第三方内容或者在不刷新主页面的情况下更新部分区域时非常有用。`iframe`的缺点是...

    iframe和firefox的兼容。

    本篇文章将详细探讨`iframe`在Firefox中的兼容性挑战及其解决方案。 1. **Firefox对iframe的支持** Firefox是一款开源的Web浏览器,自版本1.0起就开始支持`iframe`元素。然而,在早期版本中,由于对某些特性的实现...

    .net iframe框架

    .NET 框架中的 iframe( Inline Frame)是一种用于在网页中嵌入另一个 HTML 文档的元素,它允许网页开发者在单个页面上显示多个独立的内容源。在 .NET 开发中,iframe 常用于集成外部网站、创建多窗口体验或者在页面...

    iframe自适应高度 .txt

    在网页设计与开发中,`&lt;iframe&gt;`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。随着响应式设计的需求日益增加,如何使`&lt;iframe&gt;`内的内容能够自适应其父容器的高度成为了一个重要的...

    iframe的用法

    下面将详细介绍`iframe`的基本用法、属性及其应用场景。 #### 基本概念 `iframe`(Inline Frame)是一种内联框架,它可以在当前网页内嵌入其他网页或者多媒体资源,如图片、视频等。它与`frameset`类似,但使用...

    iframe自适应高度(DOM动态操作)

    然而,在实际应用中经常会遇到一个问题:即`iframe`的高度与内嵌页面的实际高度不匹配,导致页面布局出现问题或用户体验不佳。为了解决这个问题,可以通过JavaScript进行DOM动态操作来实现`iframe`的高度自适应。 #...

    iframe弹出层插件代码

    `iframe`全称为"inline frame",是HTML的一种元素,允许网页嵌入另一个网页,从而实现内容的动态加载和隔离。 这个插件的核心在于如何优雅地实现`iframe`弹出层的显示、隐藏、大小调整以及与主页面的交互。以下是...

    iframe_常用属性知识.txt

    `iframe`(Inline Frame)是HTML中的一个标签,用于在当前文档中嵌入另一个HTML文档或网页的一部分。通过`iframe`,开发者可以在页面中轻松地加载和展示外部内容,如广告、地图等。下面将详细介绍`iframe`的一些常用...

    iframe、数据库 简易代码

    在Web应用中,iframe有时会与数据库交互,例如,通过iframe展示由后台数据库提供动态内容的页面。下面是一个简化的JavaScript + AJAX(异步JavaScript和XML)示例,展示了如何从服务器获取数据并填充到iframe: ```...

    html 网页加载

    在探讨HTML网页加载中的`&lt;iframe&gt;`元素时,我们首先需要理解`&lt;iframe&gt;`的基本概念、属性及其在网页设计中的作用。本篇文章将围绕提供的代码片段`&lt;iframe src="show.asp" frameBorder="0" width="500" scrolling="no...

    iframe 自适应高度

    在网页设计与开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前文档中嵌入另一个HTML文档。然而,在实际应用过程中,经常会遇到`iframe`内容高度固定导致页面布局出现问题的情况。为了更好地解决这...

Global site tag (gtag.js) - Google Analytics