var admin = {
// 计算页面最大宽高值
size : function()
{
var a, yc;
var b, wh, pw, ph;
a = window.innerHeight && window.scrollMaxY
? document.body.scrollWidth
: document.body.scrollHeight > document.body.offsetHeight
? document.body.scrollWidth
: document.body.offsetWidth;
yc = window.innerHeight && window.scrollMaxY
? (window.innerHeight + window.scrollMaxY)
: document.body.scrollHeight > document.body.offsetHeight
? document.body.scrollHeight
: document.body.offsetHeight;
b = self.innerHeight ? self.innerWidth : document.documentElement
&& document.documentElement.clientHeight
? document.documentElement.clientWidth
: document.body.clientWidth;
wh = self.innerHeight ? self.innerHeight : document.documentElement
&& document.documentElement.clientHeight
? document.documentElement.clientHeight
: document.body.clientHeight;
ph = yc < wh ? wh : yc;
pw = a < b ? b : a;
return new Array(pw, ph, a, yc)
},
// 增加监听事件
addEvent: function(o, a, b) {
o.attachEvent ? o.attachEvent('on' + a, function() {
b.call(o)
}) : o.addEventListener(a, b, false)
},
//iframe 跟其中内嵌页面高度重设iframe高度
init: function() {
var k = parent.document.getElementById('bodycontent');
k.style.height = 20+'px';
var o = admin.size();
//这个ID是它上面包含它那个iframe的 ID
if (!k)
{
return;
}
//alert(o[1]);
k.style.height = o[1] + 'px';
}
}
//为 window 对像增加一个方法(iframe高度重新计算)
admin.addEvent(window, 'load', admin.init);
使用时,只需要加载此文件即可。
分享到:
相关推荐
因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那...iframe自适应高度,亲测完美兼容IE6_7_8_9,Chrome谷歌浏览器,Opera欧朋浏览器,FireFox火狐浏览器,Mac Safari浏览器等五大浏览器
### iframe自适应高度和宽度详解 在Web开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,...
"iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,就是一种跨浏览器的策略,确保iFrame内容无论何时更新,都能自动调整其高度,从而避免滚动条的出现和内容溢出。...
### iframe自适应高度(兼容多种浏览器) 在网页开发过程中,`iframe`是一种常用的元素,用于在当前页面中嵌入另一个HTML文档。然而,默认情况下,`iframe`的高度是固定的,这可能会导致内容显示不完全或者出现不必要...
"Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...
例如,IE浏览器需要特殊处理其边框和滚动条的高度,而Firefox浏览器需要对其高度进行特殊计算。 知识点4:JavaScript的事件处理 在实现iFrame的高度自适应时,需要使用JavaScript的事件处理来监听iFrame的加载事件...
标题提到的“iframe自动适应高度(完美自适应高度嵌套代码)”提供了一个解决方案,它能够确保`iframe`在各种主流浏览器中都能正确地自适应内容高度,包括360浏览器、IE6-9、遨游、火狐以及搜狗浏览器。 在传统的`...
### 解决IE、Firefox、Chrome、Safari浏览器中iframe显示高度自适应问题 在Web开发中,`iframe`(Inline Frame)元素常被用于嵌入另一个HTML文档到当前页面中,这种技术为开发者提供了极大的便利,例如加载广告、...
接下来,根据不同的浏览器类型(如Firefox或IE),获取`iframe`内部页面的实际高度,并设置`iframe`的高度为该值。 ##### 方法二:利用`onload`事件 在`iframe`标签中添加`onload`属性,调用上述的`SetWinHeight`...
实现iframe自适应高度时,必须考虑到不同浏览器之间的差异,包括但不限于IE、Chrome、Firefox、Safari等。这是因为不同的浏览器可能对iframe及其内容的渲染方式有所不同,从而可能影响到自适应高度的效果。因此,在...
在 iframe 高度自适应中,需要考虑多种浏览器的兼容性问题,包括 Firefox、IE、Opera 等不同的浏览器。因此,需要使用不同的方法来实现 iframe 高度的自适应。 方法一:使用 JavaScript 控制 iframe 高度自适应 ...
- 上述JavaScript代码适用于大多数现代浏览器,包括Chrome、Firefox、Safari、Edge和IE9+。对于IE8及更早版本,可能需要使用特定的解决方案,如`jQuery`的`$.get()`方法或者`onreadystatechange`事件来获取`iframe`...
让iframe自适应高度(支持xhtml)IE firefox兼容 让iframe自适应高度是指在HTML文档中,使iframe的高度能够根据其内容自动调整,以适应不同浏览器和屏幕分辨率的需求。在本文中,我们将讨论如何使用JavaScript和...
这段代码首先获取id为"iframeid"的iframe元素,然后检查浏览器是否支持getElementById方法(这主要是为了兼容早期的IE浏览器)。如果支持,它将尝试获取iframe的内容文档,并计算其中body元素的offsetHeight或...
在本问题中,我们关注的是如何使`iframe`自适应其内容的宽度和高度,并确保在不同浏览器,如IE6、IE7、IE8以及Firefox 3.86下正常工作。 首先,代码中定义了一个变量`temp_iframe`,用于存储创建的`iframe`元素。...
本文讲解的是关于Iframe元素在网页中如何实现自适应高度,并确保在不同的浏览器环境下能够正常工作,特别是针对Internet Explorer(IE)和Firefox浏览器的兼容性问题。接下来将详细探讨实现Iframe自适应高度的方法...
3. **Firefox**:Firefox通常能较好地处理`iframe`,但在某些情况下可能需要处理异步加载的内容,这时可以使用`MutationObserver`来监听`iframe`内容的变化。 4. **Chrome/Safari**:现代浏览器一般都能很好地支持`...