iframe自适应高度

最新推荐文章于 2024-11-12 17:31:26 发布

zhou64755580

最新推荐文章于 2024-11-12 17:31:26 发布

阅读量127

点赞数

分类专栏： Javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/zhou64755580/article/details/84277617

版权

Javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

[url=http://bbs.blueidea.com/thread-2902341-1-1.html]原文地址1[/url]
[url=http://gadfly80.iteye.com/blog/1162303]地址2[/url]

<iframe id="frame_content" src="iframe_b.html" scrolling="no" frameborder="0" 
onload="this.height=100"></iframe> 
<script type="text/javascript"> 
var cbHeight = 0;
var cdHeight = 0;
function reinitIframe(){ 
var iframe = document.getElementById("frame_content"); 
try{ 
var bHeight = iframe.contentWindow.document.body.scrollHeight; 
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; 
if (bHeight != cbHeight || dHeight != cdHeight) {
	iframe.height = 100;
	bHeight = iframe.contentWindow.document.body.scrollHeight;
	dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
	iframe.height=Math.max(bHeight, dHeight);
	cbHeight = bHeight;
	cdHeight = dHeight;
}
}catch (ex){} 
} 
window.setInterval(reinitIframe, 200); 
</script>