`

iframe 自适应高度宽度 ie7

 
阅读更多

function reSetIframe(){

    var iframe = document.getElementById("iframe1");

    try{

        var bHeight = iframe.contentWindow.document.body.scrollHeight;

        var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;


        var bWidth= iframe.contentWindow.document.body.scrollWidth;

        var dWidth=iframe.contentWindow.document.documentElement.scrollWidth;

        var height = Math.max(bHeight, dHeight);

        var width= Math.max(bWidth, dWidth);

        iframe.height =  height;

        iframe.width=width;

    }catch (ex){}

}


<iframe name='iframe1' id='ifrme1' onload="reSetIframe()" frameborder="0" scrolling="no"  src="<%=basePath %>pages/blank.htm"></iframe>


他奶奶的 找了半天 才找到 先记下 



分享到:
评论
1 楼 quanwsx 2011-07-21  
       

相关推荐

    iframe自适应高度和宽度

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

    iframe自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...

    iframe自适应高度 .txt

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

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

    "iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,就是一种跨浏览器的策略,确保iFrame内容无论何时更新,都能自动调整其高度,从而避免滚动条的出现和内容溢出。...

    javascript原生和jquery库实现iframe自适应高度和宽度

    关于实现iframe自适应高度和宽度的内容,可以使用原生JavaScript和jQuery库两种方式来完成。下面将详细解释使用这两种技术的实现方法及代码示例。 ### 使用原生JavaScript实现iframe自适应高度和宽度 要使用原生...

    Iframe高度自适应(兼容IE/Firefox、同域/跨域)

    "Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...

    iframe高度自适应

    总结,`iframe`高度自适应是前端开发中的常见问题,解决这个问题需要根据实际情况选择合适的方法,包括利用CSS、JavaScript、`window.postMessage` API,以及处理IE浏览器的兼容性问题。在实际操作中,一定要注意...

    Iframe自适应高度兼容ie,firefox多浏览器

    接下来将详细探讨实现Iframe自适应高度的方法以及跨浏览器兼容性的关键点。 首先,Iframe是一种在网页中嵌入另一个HTML文档的方式,可以视为一个网页内的“网页窗口”。它具有自己的URL,可以独立加载内容。但是,...

    让iframe自适应高度(支持xhtml)IE firefox兼容

    让iframe自适应高度(支持xhtml)IE firefox兼容 让iframe自适应高度是指在HTML文档中,使iframe的高度能够根据其内容自动调整,以适应不同浏览器和屏幕分辨率的需求。在本文中,我们将讨论如何使用JavaScript和...

    Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐

    本示例提供的是一段兼容IE、遨游、火狐等浏览器的Iframe自适应高度的JavaScript代码。这段代码的工作原理是通过JavaScript定时器定期检测Iframe内的文档高度,并根据需要调整Iframe自身的高度。 首先,我们来看代码...

    Iframe 自适应高度并实时监控高度变化的js代码

    Iframe自适应高度指的是让Iframe的尺寸能够根据其中嵌入页面的实际内容高度自动调整,而不是预设固定值,这样可以避免出现滚动条或是内容未能完整显示的情况。 在上述文件内容中,我们可以了解到以下关于Iframe...

    iframe高度自适应 js

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

    iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过

    在上述问题中,开发者遇到了如何使 `iframe` 的宽度和高度自适应其内容的问题,特别是在一些老旧的浏览器如 IE6、IE7 和 IE8 以及 Firefox 3.86 下。由于网上的解决方案大多过时,开发者决定自己编写代码来解决这个...

    兼容主流浏览器的iframe自适应高度js脚本

    本文将讨论如何实现一个兼容主流浏览器的iframe自适应高度的JavaScript脚本。 首先,我们来理解一下iframe的基本用法。iframe的基本语法如下所示: ```html &lt;iframe src="嵌入的网址" width="宽度" height="高度"&gt;...

    iframe自适应高度的多种方法方法小结

    这种方式在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari等主流浏览器中均能正常工作。 2. **更兼容的JavaScript方法** - 为了提高兼容性,可以使用更复杂的JavaScript函数,如`dyniframesize(down)`。此函数首先通过`...

    JS实现iframe自适应高度的方法(兼容IE与FireFox)

    然而,`iframe`的自适应高度问题一直是一个常见的挑战,尤其是在不同的浏览器间,如IE和Firefox,它们的处理方式有所不同。本文将详细介绍一种通过JavaScript实现`iframe`自适应高度的方法,以确保在IE和Firefox上的...

    嵌入到HTML的iframe自动适应大小

    - 然后,通过`contentDocument`或`Document`属性访问iframe内部文档的body元素的高度,这里分别对应了Firefox和IE浏览器的实现差异。 - 最后,将计算得到的内部文档高度赋值给iframe的`height`样式属性,实现高度...

    iframe实时高度检测

    - `width`和`height`:定义`iframe`的宽度和高度。 - `frameborder`:设置边框是否显示,通常设置为`0`以隐藏边框。 - `sandbox`:提供额外的安全特性,限制`iframe`内的内容可以执行的操作。 - `name`:为`iframe`...

    自动改变iframe的高度

    然而,在实际应用过程中,如何让`iframe`根据其内部内容自适应高度,是一个常见的需求。本文将详细介绍如何实现`iframe`自动改变高度的功能,并深入探讨相关知识点。 #### 一、`iframe`简介 `iframe`(Inline ...

Global site tag (gtag.js) - Google Analytics