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

Iframe中的一些属性,可以考虑拿来做高度自适应

阅读更多
J_iframe为文档中的一个iframe对象
1. J_iframe.document指iframe的document对象(IE特有)

2. J_iframe.contentWindow指iframe的window对象
3. J_iframe.contentDocument指iframe的document对象

2和3在各个浏览器下都兼容

如果要获得iframe里面页面的高度,可以使用
J_iframe.contentWindow.document.documentElement.scrollHeight;
或者
J_iframe.contentDocument.documentElement.scrollHeight;

IE和Firefox里面获取到的高度好像不一样,差20px左右


分享到:
评论

相关推荐

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

    总的来说,通过使用JavaScript动态计算`<iframe>`内容的高度并设置`<iframe>`的高度,可以有效地解决`<iframe>`内容高度自适应以及设置高度后无法缩小的问题。同时,要注意兼容性问题和跨域限制,以确保在各种环境下...

    Iframe 高度自适应浏览器高度

    在网页开发中,Iframe...以上就是关于“Iframe高度自适应浏览器高度”的主要知识点,实践中可能需要结合具体场景和需求选择合适的方法。在实际应用中,还要考虑到兼容性问题,确保在不同浏览器和设备上都能正常工作。

    iframe自动适应高度(完美自适应高度嵌套代码),兼容目前主流浏览器。

    标题提到的“iframe自动适应高度(完美自适应高度嵌套代码)”提供了一个解决方案,它能够确保`iframe`在各种主流浏览器中都能正确地自适应内容高度,包括360浏览器、IE6-9、遨游、火狐以及搜狗浏览器。 在传统的`...

    js实现iframe自适应高度

    接下来,我们可以利用JavaScript的DOM操作和事件监听来实现自适应高度的功能。以下是一个基本的实现步骤: 1. **获取`iframe`元素**:通过`document.getElementById`或`querySelector`方法找到页面上的`iframe`元素...

    iframe高度自适应.pdf

    内部页面中同样设置了高度为100%,并通过父页面设置的`table`的高度来调整内部`iframe`的高度。 #### JavaScript实现细节 - **`handleFrameLoad()`**:此函数负责获取当前页面的高度,并根据计算得到的高度调整`...

    JAVASCRIPT让IFRAME框架的高度自适应

    为了解决这个问题,我们可以使用JavaScript来让IFRAME框架的高度自适应页面内嵌不同的网页内容。 在这篇文章中,我们将介绍使用JavaScript来让IFRAME框架的高度自适应的方法。首先,我们需要定义一个函数来获取当前...

    iframe高度自适应

    在某些情况下,如果`iframe`内容与主页面同源,可以使用CSS的`resize`属性来尝试让`iframe`自适应高度。但是,这种方法并不适用于跨域的情况。 2. **JavaScript/jQuery解决方案**: 对于跨域的`iframe`,可以采用...

    Iframe 高度自适应,js控制Iframe 高度自适应.docx

    在实际应用中,需要根据具体情况选择合适的方法来实现 iframe 高度的自适应,以确保 iframe 的高度能够自动调整以适应不同的浏览器和屏幕尺寸。 此外,需要注意的是,在使用 iframe 高度自适应时,需要考虑浏览器的...

    iframe页面的高度iframe高度自适应

    iframe包含的页面的高度,兼容性好,iframe高度自适应

    iframe跨域自适应高度模板

    下载并解压后,可以通过查看和运行这个示例来更好地理解`iframe`跨域和自适应高度的实现方式。 总结来说,`iframe`跨域自适应高度模板主要是通过`CORS`解决跨域限制,通过JavaScript监听`load`事件或使用`post...

    iframe自适应高度和宽度

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

    完美解决跨域iframe的高度自适应

    完美解决跨域iframe的高度自适应,完美解决跨子域iframe的高度自适应,嵌入几个页面解决跨域iframe的高度自适应。。。

    html2canvas生成pdf(html高度自适应带iframe)

    以下是对这两个库以及与`iframe`、高度自适应和背景颜色处理相关的知识点的详细解释。 首先,`html2canvas`是一个JavaScript库,它的主要功能是将DOM(文档对象模型)转换为Canvas元素。这个过程被称为“屏幕截图”...

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

    在 jsp 页面中,我们可以使用 js 代码来实现 iframe 的高度自适应。下面是一个简单的示例代码: ```html <iframe id="agentFrame" name="agentFrame" src="" width="0" height="0" style="display:none;"></iframe>...

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

    总的来说,这个例子通过`postMessage`实现了跨域`iframe`的高度自适应,使得`iframe`可以动态地根据其内容的高度进行调整,即使内容源与父页面不在同一域。这在处理第三方内容嵌入或者多个域间的交互时非常有用。...

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

    ### 解决IE、Firefox、Chrome、Safari浏览器中iframe显示高度自适应问题 在Web开发中,`iframe`(Inline Frame)元素常被用于嵌入另一个HTML文档到当前页面中,这种技术为开发者提供了极大的便利,例如加载广告、...

    iframe跨域嵌套自适应高度

    然而,在实际应用中经常会遇到一些问题,如跨域限制、自适应高度调整以及安全方面的考虑等。本文将详细介绍如何实现`iframe`跨域嵌套下的自适应高度调整,并讨论如何解决因跨域嵌套而可能引起的`session`丢失问题。 ...

    iframe高度自适应代码及演示页面

    iframe高度自适应代码及演示页面。 适合新手,用到iframe,并且需要高度自适应的人士。 老手自动绕行,又没什么技术含量。。。 解压之后,打开iframe-auto.html之后查看效果. 如果不能查看,检查是否允许执行js

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

    总结来说,实现`iframe`根据页面内容自适应高度和宽度,可以通过CSS、JavaScript以及第三方库如`iframe-resizer`来完成。不同的方法适用于不同的场景,开发者可以根据实际需求选择合适的方式。在处理跨域问题时,第...

Global site tag (gtag.js) - Google Analytics