方法一:
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>
分享到:
相关推荐
### iframe自适应高度(兼容多种浏览器) 在网页开发过程中,`iframe`是一种常用的元素,用于在当前页面中嵌入另一个HTML文档。然而,默认情况下,`iframe`的高度是固定的,这可能会导致内容显示不完全或者出现不必要...
因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那...iframe自适应高度,亲测完美兼容IE6_7_8_9,Chrome谷歌浏览器,Opera欧朋浏览器,FireFox火狐浏览器,Mac Safari浏览器等五大浏览器
标题提到的“iframe自动适应高度(完美自适应高度嵌套代码)”提供了一个解决方案,它能够确保`iframe`在各种主流浏览器中都能正确地自适应内容高度,包括360浏览器、IE6-9、遨游、火狐以及搜狗浏览器。 在传统的`...
例如,IE浏览器需要特殊处理其边框和滚动条的高度,而Firefox浏览器需要对其高度进行特殊计算。 知识点4:JavaScript的事件处理 在实现iFrame的高度自适应时,需要使用JavaScript的事件处理来监听iFrame的加载事件...
### iframe自适应高度和宽度详解 在Web开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,...
"iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,就是一种跨浏览器的策略,确保iFrame内容无论何时更新,都能自动调整其高度,从而避免滚动条的出现和内容溢出。...
实现iframe自适应高度时,必须考虑到不同浏览器之间的差异,包括但不限于IE、Chrome、Firefox、Safari等。这是因为不同的浏览器可能对iframe及其内容的渲染方式有所不同,从而可能影响到自适应高度的效果。因此,在...
让iframe自适应高度(支持xhtml)IE firefox兼容 让iframe自适应高度是指在HTML文档中,使iframe的高度能够根据其内容自动调整,以适应不同浏览器和屏幕分辨率的需求。在本文中,我们将讨论如何使用JavaScript和...
"Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...
3. **Firefox**:Firefox通常能较好地处理`iframe`,但在某些情况下可能需要处理异步加载的内容,这时可以使用`MutationObserver`来监听`iframe`内容的变化。 4. **Chrome/Safari**:现代浏览器一般都能很好地支持`...
通过使用jQuery来实现iframe的高度自适应,我们可以确保内容在不同浏览器(包括IE、Firefox、Safari和Chrome)中的显示一致性,无论iframe内嵌的页面有多复杂。 首先,我们需要理解iframe的基本概念。IFrame,即...
本篇文章将详细介绍如何使用JavaScript实现`iframe`自适应高度的方法,以确保在IE和Firefox等主流浏览器上的兼容性。 首先,我们来看关键的JavaScript代码。在`<body>`标签下,我们需要插入以下脚本: ```html ...
在 iframe 高度自适应中,需要考虑多种浏览器的兼容性问题,包括 Firefox、IE、Opera 等不同的浏览器。因此,需要使用不同的方法来实现 iframe 高度的自适应。 方法一:使用 JavaScript 控制 iframe 高度自适应 ...
### 解决IE、Firefox、Chrome、Safari浏览器中iframe显示高度自适应问题 在Web开发中,`iframe`(Inline Frame)元素常被用于嵌入另一个HTML文档到当前页面中,这种技术为开发者提供了极大的便利,例如加载广告、...
本文讲解的是关于Iframe元素在网页中如何实现自适应高度,并确保在不同的浏览器环境下能够正常工作,特别是针对Internet Explorer(IE)和Firefox浏览器的兼容性问题。接下来将详细探讨实现Iframe自适应高度的方法...
这段代码首先获取id为"iframeid"的iframe元素,然后检查浏览器是否支持getElementById方法(这主要是为了兼容早期的IE浏览器)。如果支持,它将尝试获取iframe的内容文档,并计算其中body元素的offsetHeight或...
- 上述JavaScript代码适用于大多数现代浏览器,包括Chrome、Firefox、Safari、Edge和IE9+。对于IE8及更早版本,可能需要使用特定的解决方案,如`jQuery`的`$.get()`方法或者`onreadystatechange`事件来获取`iframe`...