<div id="dv_iframe" style="display:none;">
<iframe id='modcontent' name='modcontent' frameborder='0' src='test.html'
scrolling='no' ></iframe>
</div>
display为none的时候,iframe是不能自适应的,需要判断src是否加载完毕,在执行自适应的函数,
IE 支持 iframe 的 onload 事件,不过是隐形的,需要通过 attachEvent 来注册
判断加载情况:
var iframe=document.getElementById("dv_iframe");
if (iframe.attachEvent){
iframe.attachEvent("onload", function(){
//自适应函数调用
});
} else {
iframe.onload = function(){
//自适应函数调用
};
}
分享到:
相关推荐
javascript应用:Iframe自适应其加载的内容高度
iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度
iframe根据引用的页面内容自适应高度和宽度,直接查看例子,简单易操作
iframe跨域嵌套自适应高度 iframe跨域嵌套 丢失session值(针对嵌套asp.net 做的网站)
Iframe自动根据类容改变自己的大小,解决Iframe设置高度后无法缩小!拜一个高人所赐,特表示感谢!
JAVASCRIPT让IFRAME框架的高度自适应
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
iframe自适应高度和宽度
完美解决跨域iframe的高度自适应,完美解决跨子域iframe的高度自适应,嵌入几个页面解决跨域iframe的高度自适应。。。
iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板
IFRAME 自适应 页面布局 自适应高度
iframe包含的页面的高度,兼容性好,iframe高度自适应
对于iframe高度自适应的问题,网上已经被讨论n次了,一般通过在iframe加载完毕时访问iframe内页body的offsetHeight和offsetWidth然后更新iframe的高宽来实现。 今日遇到的自适应问题与以往有一些不同,这次的src是...
iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe...
纯JS实现的iframe自适应高度。兼容主流浏览器。
这是关于iframe使用过程中出现的问题整理的解决方法,关于使用iframe不用单独写接口打通数据,直接把数据通过ifarme嵌套方法传递过去,使用简单方便。
iframe高度自适应.pdf
该方法使用了jQuery,因此需要在iframe的src页面里面引入jQuery。 父页面里面相对简单一点,主要包含以下代码: <iframe id="if1" scrolling="no" src="2.html"></iframe> 在iframe的src页面里面代码...
iframe高度自适应代码及演示页面。...适合新手,用到iframe,并且需要高度自适应的人士。 老手自动绕行,又没什么技术含量。。。 解压之后,打开iframe-auto.html之后查看效果. 如果不能查看,检查是否允许执行js