`

内嵌框架iframe在火狐ff下自适高度(ie6、ie7、ff都正常)

    博客分类:
  • CSS
阅读更多

<iframe src="test.html" scrolling="no" id="iFrame1" frameborder="0" width="475" onload="javascript:ReSizeiFrame(this);"></iframe>

 

=====================================================================

 

 

内嵌框架iframe自适高度终极方案:

<iframe id="frame_content" src="iframe_b.html" scrolling="no" frameborder="0"
 onload="this.height=100"></iframe>

<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("frame_content");
try{

var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);一个ff 一个ie 取大值兼容
iframe.height =  height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);//定时刷新重取 经测试对cpu 没啥影响
</script>
 
分享到:
评论

相关推荐

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

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

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

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

    JAVASCRIPT让IFRAME框架的高度自适应

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

    GoogleChromeframe 谷歌浏览器的内嵌框架,IE的外壳, Chrome的芯24.0.1312.52

    Chrome Frame 是 Google 推出的一个针对 IE 6,7,8 开发的免费开源的浏览器插件,它可以让IE浏览器使用上webkit 内核。使用该插件后,用户的 IE 将获得和Chrome浏览器一样的高性能和丰富的功能,例如高速的...

    QT内嵌IE浏览器

    QT内嵌IE浏览器是一种在QT应用程序中集成Internet Explorer(IE)控件的技术,这使得开发者能够在QT界面中展示网页内容,实现与Web交互的功能。QT是Qt Company开发的一个跨平台的C++图形用户界面应用程序开发框架,...

    iframe高度自适应.pdf

    在默认情况下,`iframe`的高度是固定的,这意味着当嵌入的内容高度发生变化时,`iframe`不会自动调整其高度。这可能会导致内容溢出或出现滚动条的情况,从而影响用户体验。因此,实现`iframe`的高度自适应变得尤为...

    iframe 跨域 自动适应高度

    然而,`iframe`在处理跨域内容时,会受到同源策略的限制,导致一些功能无法正常使用,比如获取iframe内的DOM元素或设置其高度。本文将详细讲解如何解决`iframe`跨域问题以及实现自动适应高度的功能。 1. **同源策略...

    QT在windows上内嵌IE浏览器

    QT在Windows上内嵌IE浏览器是一项常见的技术需求,特别是在需要在Qt应用中播放Flash内容时。由于Flash在现代浏览器中的支持逐渐减弱,而Qt自身对Flash的支持并不理想,因此通过内嵌IE控件来实现播放成为了可行的选择...

    Iframe 框架自适应被嵌入页面高度

    在网页设计中,Iframe(内联框架)是一种...同时,我们还需要关注浏览器兼容性,确保在不同的环境下都能正常工作。在实际应用中,可以根据项目需求进行适当的优化和调整,比如增加加载状态的判断,避免不必要的计算等。

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

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

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

    3. **Firefox**:Firefox通常能较好地处理`iframe`,但在某些情况下可能需要处理异步加载的内容,这时可以使用`MutationObserver`来监听`iframe`内容的变化。 4. **Chrome/Safari**:现代浏览器一般都能很好地支持`...

    HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

    就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧

    iframe高度随子页高度变化

    当我们需要在`iframe`中展示的内容高度不固定时,一个常见的需求就是使`iframe`的高度能自动适应其内嵌页面的高度,以避免滚动条的出现或内容被截断。标题"iframe高度随子页高度变化"和描述中提到的问题,正是关注于...

    iframe自适应高度兼容各主流浏览器

    例如,IE浏览器需要特殊处理其边框和滚动条的高度,而Firefox浏览器需要对其高度进行特殊计算。 知识点4:JavaScript的事件处理 在实现iFrame的高度自适应时,需要使用JavaScript的事件处理来监听iFrame的加载事件...

    MFC ie webbrowser iframe/frame

    标题"MFC ie webbrowser iframe/frame"指向的主题是关于如何在MFC应用程序中使用IE WebBrowser控件,并特别关注如何处理iframe框架以及在其中交互。Iframe(Inline Frame)是一种HTML元素,用于在页面中嵌入另一个...

    谷歌内嵌框架离线下载地址!

    你找到这个下载,那么恭喜你哈。这个是离线下载最新的谷歌内嵌框架的地址。 象征性的点击下下载呗?!

    IE和FireFox的CSS兼容

    在前端开发中,CSS兼容性是一个常见的挑战,尤其是在处理IE和Firefox这两个浏览器时。由于它们对CSS标准的实现存在差异,导致在不同浏览器下显示的效果可能不尽相同。以下是一些关键点,帮助开发者理解和解决这些...

    Dreamweaver CS6内嵌式框架的应用.pdf

    本篇将详细阐述内嵌式框架(也称为浮动框架)在Dreamweaver CS6中的应用,以及如何进行IFrame框架的属性设置。 内嵌式框架(IFrame)是一种在单一HTML文档中嵌入另一个网页的技术,它避免了使用复杂的框架结构。...

    实现iframe嵌套,适合CMS,CRM等后台框架

    在CMS(内容管理系统)和CRM(客户关系管理)等后台框架中,iframe的应用尤为广泛,因为它提供了多页面内容的并行显示,而无需频繁地加载整个页面,提升了用户体验。下面我们将深入探讨iframe的实现方式、优点以及...

    多层嵌套iframe 自适应高度的解决方法

    多层嵌套iframe 自适应高度的解决方法

Global site tag (gtag.js) - Google Analytics