`
chinachuner
  • 浏览: 64731 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

为iframe添加onload事件,iframe高度自适应问题。

阅读更多

父页面的onload:

$(function(){
var f = window.frames["formIframe"];
f.onload = function(){
var h=window.frames["formIframe"].document.body.scrollHeight;
$('#formIframe').css('height',h+10);
}
});

貌似有一定的概率绑定不上。

分享到:
评论

相关推荐

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    然而,`<iframe>`的高度自适应问题常常困扰着开发者,尤其是当`<iframe>`内部的内容动态加载或者变化时,如何让`<iframe>`自动调整其高度以适应内容,而不会导致滚动条溢出或内容被截断,成为了一个常见需求。...

    js实现iframe自适应高度

    为了解决这个问题,我们需要让`iframe`能够自适应其内容的高度。本文将详细讲解如何使用JavaScript实现`iframe`自适应高度的解决方案,确保在各种主流浏览器中都能正常工作。 首先,理解`iframe`的基本结构和属性是...

    iframe高度自适应.pdf

    然而,一个常见的问题是当嵌入的内容高度变化时,如何使`iframe`的高度能够自适应地调整以适配其内容的高度。本文将详细介绍一种使用JavaScript实现`iframe`高度自适应的方法。 #### 技术背景 在默认情况下,`...

    JAVASCRIPT让IFRAME框架的高度自适应

    在IFRAME框架的onload事件中,我们可以调用initFrameHeight函数来设置table元素的高度,以便IFRAME框架的高度能够正确地自动调整。 最后,我们可以使用JavaScript来设置子IFRAME框架的高度。我们可以定义一个函数来...

    解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题

    4. **修改`iframe`标签**:在`iframe`标签中添加`onreadystatechange`和`onload`事件监听器,分别在IE和其他浏览器中调用相应的函数。 #### 示例代码 ```html function stateChangeIE(_frame) { if (_frame....

    iframe高度自适应

    对于Internet Explorer(尤其是低版本),可能需要使用特定的解决方法,例如设置`iframe`的`vspace`和`hspace`属性为`0`,以及使用`jQuery`的`load`事件替代`window.onload`。 总结,`iframe`高度自适应是前端开发...

    iframe自适应高度和宽度

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

    iframe高度自适应,多浏览器兼容

    2. **IE8**:虽然支持`contentWindow`和`contentDocument`,但没有`MutationObserver`,所以需要在`window.onload`或`iframe.onload`事件中处理高度自适应。 3. **Firefox**:Firefox通常能较好地处理`iframe`,但...

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

    1. **CSS属性**:`iframe`的`style`属性可以设置`height`和`width`为`auto`或`100%`,但这种方法通常不足以实现完全自适应,因为浏览器的安全策略会限制跨域访问内容的高度和宽度信息。 2. **JavaScript**:使用...

    iframe跨域高度自适应例子源码

    这就需要我们找到一种方式来解决`iframe`跨域的高度自适应问题。 标题"iframe跨域高度自适应例子源码"指的是一个实例,展示了如何在跨域的情况下使`iframe`内容自动调整高度以适应其内部内容。这个例子提供了一个...

    jsp页面iframe高度自适应的js代码.docx

    jsp 页面 iframe 高度自适应的 js 代码详解 jsp 页面 iframe 高度自适应的 js 代码是指在 jsp 页面中使用 iframe 元素,並且使其高度能够自适应内容的高度。这种技术在实际应用中非常有用,例如在某些网页中,我们...

    iframe自适应高度(兼容目前所有主浏览器)

    二是在主页面 iFrame 的 onload 事件中执行 JS,去取得被包含页的高度内容,然后去同步高度。然而,这两种方法都存在一定的缺陷,它们只能处理静态的内容加载,而无法解决 JS 操作 DOM 引起的高度变化问题。 为了...

    iframe src为图片时的高度自适应的代码

    总结一下,解决`iframe`显示图片时的高度自适应问题,关键在于利用`img`标签的特性,结合`iframe`的`onload`事件,以及调整`body`元素的样式,从而确保`iframe`的大小能准确匹配图片的尺寸。这是一个巧妙而实用的...

    iframe跨域嵌套自适应高度

    本文将详细介绍如何实现`iframe`跨域嵌套下的自适应高度调整,并讨论如何解决因跨域嵌套而可能引起的`session`丢失问题。 #### 一、`iframe`自适应高度原理与实现 1. **基本概念**: - **`iframe`**:`iframe`即...

    jquery对iframe自适应高度插件

    总之,“jquery对iframe自适应高度插件”是解决`iframe`高度自适应问题的一个强大工具,它的易用性和效率使得它成为开发者处理`iframe`高度问题的首选方案。通过合理利用这个插件,可以避免手动计算和调整`iframe`...

    iframe自适应高度.rar

    【标题】:“iframe自适应高度.rar”涉及到的关键知识点主要集中在如何使用JavaScript来处理网页中iframe元素的高度自适应问题。在Web开发中,iframe(Inline Frame)是一种内联框架,常用于在同一个HTML文档中嵌入...

    解决iframe跨域高度自适应问题的源码

    本篇文章将深入探讨如何解决iframe跨域高度自适应的问题。 首先,我们需要理解为什么会出现跨域问题。根据浏览器的同源策略,一个网页只能访问与之同源(即协议、域名和端口完全相同)的资源。而跨域则意味着iframe...

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

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

    iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)

    使用`onload`事件或`defer`属性,确保iFrame内容加载完成后再进行高度计算,防止因内容未加载完全导致的错误高度。 在提供的压缩包中,`index.html`可能是包含iFrame的主页面,而`iframe.html`则是被嵌入的子页面...

Global site tag (gtag.js) - Google Analytics