`

iframe的动态调整高度IE8

 
阅读更多
//parent.document.getElementById('mainFrame').style.height=document.body.scrollHeight;
var iframe = parent.document.getElementById('mainFrame');
if(navigator.userAgent.indexOf("MSIE")>0){
	iframe.style.height=document.body.scrollHeight;
}else if(navigator.userAgent.indexOf("Firefox")>0){
	alert("请使用IE浏览器!\n如有疑问请联系管理员qq:630156797");
	iframe.height=document.documentElement.scrollHeight;//FireFox
}else if(navigator.userAgent.indexOf("Chrome")>0){
	alert("请使用IE浏览器!\n如有疑问请联系管理员qq:630156797");
	iframe.height=document.documentElement.scrollHeight;//FireFox
}else{
	alert("未识别的浏览器类型,如有疑问请联系管理员qq:630156797 \n"+navigator.userAgent);
}

 
将其命名为bottom.js
<script for="window" event="onload" src="/sfda/js/bottom.js" language="JavaScript" type="text/javascript">
</script>
分享到:
评论

相关推荐

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

    为了解决这个问题,我们需要一种方法来动态地调整`iframe`的高度,使其与内容匹配。这种技术通常涉及到JavaScript,通过监听`iframe`的`load`事件,然后获取`iframe`内的文档高度,并设置到`iframe`的`height`属性上...

    iframe高度自适应.pdf

    实现`iframe`高度自适应的基本思路是在页面加载完成或者窗口大小发生变化时,通过JavaScript动态计算嵌入内容的实际高度,并相应地调整`iframe`的高度。这种方法的核心在于编写合适的JavaScript函数来获取嵌入内容的...

    自动改变iframe的高度

    - 如果嵌入的内容高度发生变化,如动态加载的内容,则需要手动调整`iframe`的高度。 - 对于响应式设计来说,固定的高度可能会导致布局问题。 因此,让`iframe`能够自动调整高度变得尤为重要。 #### 三、解决方案 ...

    iframe 自适高度 JS控制代码实现

    6. **定时更新高度**:为了应对内部内容动态变化的情况,还需要定期检查内部页面高度并更新`iframe`的高度。 #### 示例代码 下面是一段示例代码,展示了如何实现上述功能: ```javascript // 设置`iframe`高度的...

    js实现iframe自适应高度

    5. **处理动态内容变化**:如果`iframe`内的内容是动态加载的,例如通过AJAX请求,我们还需要监听`resize`事件,以便在内容改变时再次调整高度。 ```javascript if (iframe.contentWindow && iframe....

    iframe高度随子页高度变化

    标题"iframe高度随子页高度变化"和描述中提到的问题,正是关注于这个动态调整`iframe`高度的技术。 要实现`iframe`高度随子页高度变化,主要涉及以下几个关键点: 1. **设置iframe的初始高度**:首先,我们需要为`...

    iframe实时高度检测

    因此,我们需要一个机制来实时检测`iframe`内部页面的高度,并动态调整`iframe`及父页面的高度,以实现自适应显示。 ### 3. 实时高度检测的实现 实现这一功能通常需要两部分代码:一部分在`iframe`内部,一部分在父...

    iframe自适应高度和宽度

    下面是一个简单的示例,演示如何通过JavaScript来动态调整`iframe`的高度: ```html &lt;iframe name="myframe" src="myframe.htm" frameborder="0" scrolling="auto" width="100%" height="100%" onload="document....

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

    为了解决这一问题,我们可以采用JavaScript动态调整`iframe`的高度。具体步骤如下: 1. **定义函数`stateChangeIE()`**:此函数用于检查`iframe`是否已经加载完成(即其`readyState`属性是否为`"complete"`),如果...

    用javascript动态调整iframe高度的方法

    为了解决这个问题,我们可以利用JavaScript来动态调整iframe的高度,确保它始终适应其内部内容的大小。 在描述中提到的方法是通过编写一段JavaScript代码,使得iframe能够根据其内部页面内容的高度自动调整。这段...

    iframe跨域嵌套自适应高度

    - **通过JavaScript动态设置高度**:利用JavaScript监听`iframe`内部文档的加载完成事件,并根据内部文档的实际高度动态调整`iframe`的高度。 - **CSS技巧**:可以通过CSS来实现一定的自适应效果,例如设置`iframe...

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

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

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

    通过使用jQuery来实现iframe的高度自适应,我们可以确保内容在不同浏览器(包括IE、Firefox、Safari和Chrome)中的显示一致性,无论iframe内嵌的页面有多复杂。 首先,我们需要理解iframe的基本概念。IFrame,即...

    iframe自适应高度说明文档

    实现`iframe`自适应高度主要依赖于JavaScript,通过监听`iframe`内部页面的加载事件,并动态调整`iframe`的高度。下面将详细介绍几种常见的实现方法: ##### 方法一:使用JavaScript函数SetWinHeight() ```...

    IE8调用IE7渲染模式,网页高度根据内容高度显示

    本话题主要探讨如何让IE8浏览器调用IE7的渲染模式来解决特定问题,特别是针对iframe自定义高度的问题。 首先,让我们理解为什么需要在IE8中模拟IE7的渲染模式。IE8引入了更现代的渲染引擎,但为了向后兼容,它提供...

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

    js 控制 Iframe 高度自适应是指使用 JavaScript 语言来控制 iframe 的高度,使其能够自动调整以适应内容的高度。 在 iframe 高度自适应中,需要考虑多种浏览器的兼容性问题,包括 Firefox、IE、Opera 等不同的...

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

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

    iframe自适应高度(兼容多种浏览器)

    2. **事件监听**:除了在页面加载完成后调用调整高度的方法外,还应该监听窗口的`resize`事件,以便在窗口大小改变时重新计算`iframe`的高度。 3. **错误处理**:在某些情况下,如`iframe`加载失败或内容为空时,...

    iframe高度自适应

    然而,`iframe` 的高度自适应往往是一个常见的问题,特别是当`iframe`内容动态加载或者不同浏览器之间存在差异时。本文将深入探讨如何实现`iframe`的高度自适应,以确保内容在所有浏览器中都能正确显示。 首先,...

    iframe自适应宽高

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

Global site tag (gtag.js) - Google Analytics