本文介绍了一种使IFrame自适应其内容高度的方法。通过使用onload事件触发脚本，能够确保IFrame的高度与其加载的内容高度相匹配，避免了因高度不匹配导致的布局错乱。
解决思路：
如果页面没有加载完成是无法知道它的高度的，所以不能直接设置，而必须通过iframe的onload事件来触发脚本，在 iframe 加载完后重新设置它的高为所加载文档的滚动高度。
具体步骤：
1.包含框架页的代码。
<iframe frameborder="0" scrolling="no" name="demo"
onload="document.all.demo.height=document.frames[’demo’].document.body.scrollHeight" src="demo.htm" width="100%"></iframe>
2.demo.htm页代码。
<body bgColor="#EEEEEE">
<script>
document.write(new Array(100).join("1<br>"))
</script>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
