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

简单iframe高度自适应代码

    博客分类：
  • ui
IEFirefoxJavaHTML 
阅读更多
1 js函数 
function adjustFrameHeight(obj) {
     	var doc = obj.document||obj.contentWindow.document;
     	obj.height=doc.documentElement.scrollHeight;
}


2 html代码样例
  
<iframe src="url" onload="adjustFrameHeight(this);"></iframe>


以上代码兼容ie,firefox
分享到：
| 网页中二进制图片预览
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

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

    "Iframe 高度自适应，js 控制 Iframe 高度自适应" Iframe 高度自适应是指在网页中嵌入的 iframe 元素能够根据其内容自动调整高度，以适应不同的浏览器和屏幕尺寸。js 控制 Iframe 高度自适应是指使用 JavaScript ...

    iframe高度自适应

    // 调整iframe高度 }); ``` `iframe`内部示例代码： ```javascript window.onload = function() { var height = document.documentElement.scrollHeight || document.body.scrollHeight; parent.post...

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

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

    iframe高度自适应.pdf

    ### iframe高度自适应技术详解 在网页开发过程中，经常会遇到需要在一个页面中嵌入另一个页面的需求，这通常通过HTML的`iframe`元素实现。然而，一个常见的问题是当嵌入的内容高度变化时，如何使`iframe`的高度能够...

    iframe自动适应高度（完美自适应高度嵌套代码），兼容目前主流浏览器。

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

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

    针对`&lt;iframe&gt;`内容高度自适应，上述经典代码提供了一个解决方案。这段JavaScript函数`setIFrameHeight(iframe)`通过获取`&lt;iframe&gt;`内的内容文档（`contentDocument`），然后比较`body`和`documentElement`（HTML根...

    用jquery实现iframe高度自适应实例代码完美兼容多数浏览器

    最后，`MainFrame.html`和`用jquery实现iframe高度自适应完美兼容多数浏览器.html`可能是包含上述代码的实际示例页面，而`js`文件夹可能包含了jQuery库和其他可能的辅助脚本。 总结，通过jQuery，我们可以优雅地...

    iframe跨域自适应高度模板

    同时，`iframe`内容的动态加载可能使得其高度不固定，如果不能自适应高度，可能会导致页面布局出现问题。本模板将介绍如何处理`iframe`的跨域和自适应高度这两个关键问题。 首先，让我们了解`iframe`跨域。由于同源...

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

    `iframe`的使用涉及到许多关键点，尤其是高度自适应和多浏览器兼容性，这在实际项目中至关重要。本篇文章将详细讲解如何实现`iframe`的高度自适应以及在不同浏览器之间的兼容性处理。 一、`iframe`基本使用 `iframe...

    iframe自适应高度和宽度

    然后通过`document.all['myframe']`获取到`iframe`元素，并通过`myframe.document.body.scrollHeight`获取内部文档的实际高度，最后将这个高度设置给`iframe`元素的`height`属性，从而实现高度自适应。 #### 四、...

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

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

    iframe高度自适应 js

    ### iframe高度自适应JS知识点详解 #### 一、概述 在网页开发中，经常会遇到需要将一个页面嵌入到另一个页面中的场景，这时就需要用到`&lt;iframe&gt;`标签。但是，默认情况下，`&lt;iframe&gt;`的高度是固定的，这往往会导致...

    jquery对iframe自适应高度插件

    这个插件是专门为了解决`iframe`高度自适应的问题而设计的，它允许`iframe`根据其内部内容自动调整高度，确保用户无需滚动就能查看完整内容。该插件在国外被广泛下载和使用，表明了它在实际应用中的高效性和实用性。...

    jQuery解决iframe高度自适应代码

    在本例中，通过获取iframe内容的scrollHeight属性，可以获取到内容的实际高度，然后用这个高度来设置iframe的高度，实现高度自适应。 知识点六：跨浏览器兼容性 在实际开发中，需要考虑不同浏览器的兼容性问题。在...

    可编辑iframe高度自适应（编辑器所见即所得模式）

    标题提到的“可编辑iframe高度自适应”问题，主要涉及如何确保`iframe`的高度能根据其内容动态调整，从而提供良好的用户体验，避免滚动条的出现或页面布局的混乱。`iframe`高度自适应是解决这个问题的关键技术。 ...

    完整可行、浏览器兼容、通过测试的Iframe高度自适应程序

    - 一个基本的Iframe高度自适应的JavaScript示例代码可能如下： ```javascript function resizeIframe(iframe) { if (iframe.contentDocument && iframe.contentDocument.body.offsetHeight) { iframe.style....

    Iframe高度自适应（兼容IE/Firefox、同域/跨域）

    - `main.html`很可能是主页面，其中包含了处理Iframe高度自适应的JavaScript代码。 6. **实现步骤**： - 创建Iframe元素并设置初始高度和宽度。 - 监听Iframe的load事件，当Iframe内容加载完成后，获取其内容...

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

    1. `index.html`: 这应该是主页面，可能包含了使用jQuery实现iframe高度自适应的示例代码。 2. `order_list.html`: 这个文件很可能被用作iframe的源，即被嵌入到index.html中的页面，可能包含了一些需要自适应高度的...

Magicbox
Global site tag (gtag.js) - Google Analytics