龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

简单代码让iframe自动适应内容高度

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
由于项目需要,发现iframe中调用的网页会随内容变化而变化,如果设定了一个固定高度的话,内容高度小一点自然没问题,可是当内容超过设定的高度时,会自动添加滚动条而影响美观

由于项目需要,发现iframe中调用的网页会随内容变化而变化,如果设定了一个固定高度的话,内容高度小一点自然没问题,可是当内容超过设定的高度时,会自动添加滚动条而影响美观,所以去网上找了几个方法,发现下面这个方法是最好用的。

 

main.htm中的iframe的设置:
<iframe src="d.htm" id="dd" style=" width:100%"></iframe>
在firame中调用的d.htm里设置:
<body onload="parent.window.document.all.dd.height=document.body.scrollHeight"> 

精彩图集

赞助商链接