`
nianshi
  • 浏览: 416263 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

实现iFrame自适应高度,原来很简单!

阅读更多
实现iFrame自适应高度,原来很简单!
2010-10-21 13:16
< iframe id ="iFrame1" name ="iFrame1" width ="100%" onload ="this.height=iFrame1.document .body.scrollHeight" frameborder ="0" src ="index.htm" ></ iframe >
看到了吧,关键就在于onload="this.height=iFrame1.document.body.scrollHeight"!
分享到:
评论
2 楼 nianshi 2010-11-17  
你再看下这一篇吧,讲得详细:

Iframe框架高度自适应的实现

http://nianshi.iteye.com/blog/812851
1 楼 dengzhangtao 2010-11-16  
不可以!!

相关推荐

    js实现iframe自适应高度

    本文将详细讲解如何使用JavaScript实现`iframe`自适应高度的解决方案,确保在各种主流浏览器中都能正常工作。 首先,理解`iframe`的基本结构和属性是至关重要的。`iframe`标签通常包含`src`属性,用于指定要加载的...

    iframe自适应高度和宽度

    ### iframe自适应高度和宽度详解 在Web开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,...

    iframe自适应高度.rar

    【标题】:“iframe自适应高度.rar”涉及到的...总的来说,"iframe自适应高度.rar"这个主题涵盖了iframe的使用、同源策略的理解以及JavaScript实现iframe高度自适应的技术细节,这些都是前端开发中非常实用的知识点。

    jquery对iframe自适应高度插件

    为了解决这个问题,`jQuery`提供了一个专门的插件——"jquery对iframe自适应高度插件"。 这个插件是专门为了解决`iframe`高度自适应的问题而设计的,它允许`iframe`根据其内部内容自动调整高度,确保用户无需滚动就...

    iframe自适应高度demo

    为了解决这个问题,我们需要实现`iframe`自适应高度的功能。有多种方法可以实现这一点,下面将详细介绍其中的几种常见方法。 1. **JavaScript/jQuery解决方案**: 使用JavaScript或jQuery,我们可以监听`iframe`的...

    iframe自适应高度的简单解决办法

    在网页设计中,`iframe`(Inline Frame)是一种嵌入其他网页或内容的标签,它允许我们在一个页面中展示多...通过下载提供的`iframe自适应高度.doc`文档,你可以得到更详细的步骤和解释,以便更好地理解和应用这些技术。

    基于jquery的兼容各种浏览器的iframe自适应高度的脚本

    在实现iframe自适应高度方面,jQuery提供了强大的工具集,可以轻松地进行DOM操作,从而实现对iframe内容高度的实时监测和调整。 ### 4. 实现方法 下面是一段基于jQuery实现iframe自适应高度的示例代码: ```...

    iframe根据页面内容自适应高度和宽度

    本篇文章将详细探讨如何实现`iframe`根据页面内容自适应高度和宽度。 首先,我们需要理解`iframe`的基本结构。一个简单的`iframe`标签如下: ```html &lt;iframe src=...

    iframe自适应高度js demo

    为了解决这个问题,我们需要实现一个自适应高度的`iframe`,使其能根据内部内容自动调整高度。本文将深入讲解如何通过JavaScript来实现这一功能。 首先,让我们理解`iframe`的基本用法。在HTML中,创建一个`iframe`...

    iframe跨域自适应高度模板

    总结来说,`iframe`跨域自适应高度模板主要是通过`CORS`解决跨域限制,通过JavaScript监听`load`事件或使用`postMessage`通信来实现内容高度的动态调整。这些技术在现代网页开发中十分常见,能帮助我们更灵活地整合...

    iframe自适应高度 .txt

    ### iframe自适应高度知识点详解 #### 一、概述 在网页设计与开发中,`&lt;iframe&gt;`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。随着响应式设计的需求日益增加,如何使`&lt;iframe&gt;`内...

    iframe跨域嵌套自适应高度

    以下是一个简单的示例,展示了如何使用JavaScript实现`iframe`的自适应高度调整: ```javascript function adjustIFrameHeight(id) { var iframe = document.getElementById(id); var doc = iframe....

    Iframe 高度自适应浏览器高度

    然而,当Iframe的内容动态变化或者内容长度超过预设的高度时,我们就需要实现高度自适应。有几种常见的方法可以实现这一目标: 1. **JavaScript/jQuery**: 一种常见的方法是使用JavaScript或jQuery监听页面的...

    网页制作中Iframe自适应高度的解决办法

    本文将深入探讨如何解决Iframe自适应高度的问题。 首先,我们需要了解Iframe的基本语法。在HTML中,创建一个Iframe的基本结构如下: ```html &lt;iframe src=...

    .net 网页的布局框架 iframe自适应高度 js设置链接样式

    最后,压缩包中的"设置页面框架及iframe自适应高度"可能包含了一个或多个文件,比如HTML、CSS、JavaScript和可能的ASP.NET服务器端代码文件。这些文件共同构成了这个简单的布局示例,通过合理的HTML结构、CSS样式和...

    JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)

    2. `order_list.html`: 这个文件很可能被用作iframe的源,即被嵌入到index.html中的页面,可能包含了一些需要自适应高度的内容。 3. `jquery-1.7.2.min.js`: 这是jQuery库的版本1.7.2的压缩版,它是实现iframe高度...

    iframe 自适应高度

    这就是所谓的“iframe自适应高度”问题,我们需要解决让`iframe`的高度自动适应其内部内容高度。 首先,理解`iframe`的基本结构是必要的。`iframe`标签的基本用法如下: ```html &lt;iframe src=...

    js实现iframe自动自适应高度的方法

    本篇文章将详细介绍如何使用JavaScript实现Iframe的自动自适应高度。 首先,理解基本概念。Iframe的`height`属性决定了其显示区域的高度,当我们想要Iframe内容自适应时,我们需要动态地修改这个属性值,使其等于...

    iframe自适应内容页面的高度

    以下将详细介绍如何实现`iframe`的自适应高度,并考虑良好的浏览器兼容性。 1. **基础理解**: - `iframe`标签:HTML5中的`&lt;iframe&gt;`元素用于在当前文档中嵌入另一个HTML文档,常用于加载外部资源,如广告、地图、...

Global site tag (gtag.js) - Google Analytics