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>
他奶奶的 找了半天 才找到 先记下
分享到:
相关推荐
### iframe自适应高度和宽度详解 在Web开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,...
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
### iframe自适应高度知识点详解 #### 一、概述 在网页设计与开发中,`<iframe>`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。随着响应式设计的需求日益增加,如何使`<iframe>`内...
"iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,就是一种跨浏览器的策略,确保iFrame内容无论何时更新,都能自动调整其高度,从而避免滚动条的出现和内容溢出。...
关于实现iframe自适应高度和宽度的内容,可以使用原生JavaScript和jQuery库两种方式来完成。下面将详细解释使用这两种技术的实现方法及代码示例。 ### 使用原生JavaScript实现iframe自适应高度和宽度 要使用原生...
"Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...
总结,`iframe`高度自适应是前端开发中的常见问题,解决这个问题需要根据实际情况选择合适的方法,包括利用CSS、JavaScript、`window.postMessage` API,以及处理IE浏览器的兼容性问题。在实际操作中,一定要注意...
接下来将详细探讨实现Iframe自适应高度的方法以及跨浏览器兼容性的关键点。 首先,Iframe是一种在网页中嵌入另一个HTML文档的方式,可以视为一个网页内的“网页窗口”。它具有自己的URL,可以独立加载内容。但是,...
让iframe自适应高度(支持xhtml)IE firefox兼容 让iframe自适应高度是指在HTML文档中,使iframe的高度能够根据其内容自动调整,以适应不同浏览器和屏幕分辨率的需求。在本文中,我们将讨论如何使用JavaScript和...
本示例提供的是一段兼容IE、遨游、火狐等浏览器的Iframe自适应高度的JavaScript代码。这段代码的工作原理是通过JavaScript定时器定期检测Iframe内的文档高度,并根据需要调整Iframe自身的高度。 首先,我们来看代码...
Iframe自适应高度指的是让Iframe的尺寸能够根据其中嵌入页面的实际内容高度自动调整,而不是预设固定值,这样可以避免出现滚动条或是内容未能完整显示的情况。 在上述文件内容中,我们可以了解到以下关于Iframe...
### iframe高度自适应JS知识点详解 #### 一、概述 在网页开发中,经常会遇到需要将一个页面嵌入到另一个页面中的场景,这时就需要用到`<iframe>`标签。但是,默认情况下,`<iframe>`的高度是固定的,这往往会导致...
在上述问题中,开发者遇到了如何使 `iframe` 的宽度和高度自适应其内容的问题,特别是在一些老旧的浏览器如 IE6、IE7 和 IE8 以及 Firefox 3.86 下。由于网上的解决方案大多过时,开发者决定自己编写代码来解决这个...
本文将讨论如何实现一个兼容主流浏览器的iframe自适应高度的JavaScript脚本。 首先,我们来理解一下iframe的基本用法。iframe的基本语法如下所示: ```html <iframe src="嵌入的网址" width="宽度" height="高度">...
这种方式在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari等主流浏览器中均能正常工作。 2. **更兼容的JavaScript方法** - 为了提高兼容性,可以使用更复杂的JavaScript函数,如`dyniframesize(down)`。此函数首先通过`...
然而,`iframe`的自适应高度问题一直是一个常见的挑战,尤其是在不同的浏览器间,如IE和Firefox,它们的处理方式有所不同。本文将详细介绍一种通过JavaScript实现`iframe`自适应高度的方法,以确保在IE和Firefox上的...
- 然后,通过`contentDocument`或`Document`属性访问iframe内部文档的body元素的高度,这里分别对应了Firefox和IE浏览器的实现差异。 - 最后,将计算得到的内部文档高度赋值给iframe的`height`样式属性,实现高度...
- `width`和`height`:定义`iframe`的宽度和高度。 - `frameborder`:设置边框是否显示,通常设置为`0`以隐藏边框。 - `sandbox`:提供额外的安全特性,限制`iframe`内的内容可以执行的操作。 - `name`:为`iframe`...
然而,在实际应用过程中,如何让`iframe`根据其内部内容自适应高度,是一个常见的需求。本文将详细介绍如何实现`iframe`自动改变高度的功能,并深入探讨相关知识点。 #### 一、`iframe`简介 `iframe`(Inline ...