`
keda413
  • 浏览: 21043 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

iframe 自适应高度 IE FireFox兼容

阅读更多
方法一:
function c()

{

var frm = document.getElementById("IframeId");
//document.frames["IframeName"].document获取子页面的document对象,可获得页面的各个对象,但是不能得到iframe标签的属性
document.getElementById("IframeUser")只是得到iframe标签对象,可获得标签的各个属性,但不能得到子页面的各个对象。document.frames为IE下使用,frm.contentDocument为firefox下使用。
var subWeb = document.frames ? document.frames["IframeUserName"].document : frm.contentDocument;

if(frm != null && subWeb != null)

{ frm.height = subWeb.body.scrollHeight;}

} 

方法二:
function d(){
 var frm=document.getElementById("IframeUser");
//frm.contentWindow.document为IE下 使用,获得子页面各个对象
var sub=frm.contentDocument ? frm.contentDocument:frm.contentWindow.document; 
 if(frm!=null&&sub!=null){
  frm.height=sub.body.scrollHeight;
 }
}

 

<iframe marginwidth=0 marginheight=0 src="2.html"   onload="d();" width="100%"    id="IframeId" name="IframeName"    frameborder="0"   scrolling="no"></iframe> 

 

 

分享到:
评论
1 楼 izat 2009-11-22  
多谢
找了一下发现大部分论坛的人貌似从来不用firefox的,给出的代码都只ie适用

相关推荐

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

    ### iframe自适应高度(兼容多种浏览器) 在网页开发过程中,`iframe`是一种常用的元素,用于在当前页面中嵌入另一个HTML文档。然而,默认情况下,`iframe`的高度是固定的,这可能会导致内容显示不完全或者出现不必要...

    iframe自适应高度,亲测完美兼容IE6-9,Chrome,Opera,firefox,safari

    因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那...iframe自适应高度,亲测完美兼容IE6_7_8_9,Chrome谷歌浏览器,Opera欧朋浏览器,FireFox火狐浏览器,Mac Safari浏览器等五大浏览器

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

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

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

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

    iframe自适应高度和宽度

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

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

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

    基于jquery的兼容各种浏览器的iframe自适应高度的脚本

    实现iframe自适应高度时,必须考虑到不同浏览器之间的差异,包括但不限于IE、Chrome、Firefox、Safari等。这是因为不同的浏览器可能对iframe及其内容的渲染方式有所不同,从而可能影响到自适应高度的效果。因此,在...

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

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

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

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

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

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

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

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

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

    本篇文章将详细介绍如何使用JavaScript实现`iframe`自适应高度的方法,以确保在IE和Firefox等主流浏览器上的兼容性。 首先,我们来看关键的JavaScript代码。在`&lt;body&gt;`标签下,我们需要插入以下脚本: ```html ...

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

    在 iframe 高度自适应中,需要考虑多种浏览器的兼容性问题,包括 Firefox、IE、Opera 等不同的浏览器。因此,需要使用不同的方法来实现 iframe 高度的自适应。 方法一:使用 JavaScript 控制 iframe 高度自适应 ...

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

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

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

    本文讲解的是关于Iframe元素在网页中如何实现自适应高度,并确保在不同的浏览器环境下能够正常工作,特别是针对Internet Explorer(IE)和Firefox浏览器的兼容性问题。接下来将详细探讨实现Iframe自适应高度的方法...

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

    这段代码首先获取id为"iframeid"的iframe元素,然后检查浏览器是否支持getElementById方法(这主要是为了兼容早期的IE浏览器)。如果支持,它将尝试获取iframe的内容文档,并计算其中body元素的offsetHeight或...

    iframe自适应内容页面的高度

    - 上述JavaScript代码适用于大多数现代浏览器,包括Chrome、Firefox、Safari、Edge和IE9+。对于IE8及更早版本,可能需要使用特定的解决方案,如`jQuery`的`$.get()`方法或者`onreadystatechange`事件来获取`iframe`...

Global site tag (gtag.js) - Google Analytics