怎么让iframe的高度根据所加载页的高度而改变-CSDN博客

怎么让 iframe 的高度根据所加载页的高度而改变
解决思路：
如果页面没有加载完成是无法知道它的高度的，所以不能直接设置，而必须通过 iframe 的 onload 事件来触发脚本，在 iframe 加载完后重新设置它的高为所加载文档的滚动高度。
具体步骤：
1. 包含框架页的代码。
<iframe frameborder="0" scrolling="no" name="demo"
οnlοad="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>

注意：本例代码仅适用于 IE5.5 以上版本的浏览器。
技巧： IE5.0 不能用的原因是因为没有 iframe 对象 onload 事件，所以只能通过设置计时器不断重试：

<iframe frameborder="0" scrolling="no" name="demo" src="/demo.asp" width="100%"></iframe>
<script for="window" event="onload">
setInterval("document.all.demo.height=document.frames[’demo’].document.body.scrollHeight",1000)
</script>

特别提示
用 IE5.5 以上版本的浏览器浏览，在 iframe 加载完成后它的高度将自动适应为所加载页的页面高度。而 IE5.5 以下的浏览器，只能通过 setInterval 不断设置 iframe 的高度。图 1.6.10 为本例代码的运行效果 (IE6) 。

图 1.6.10 自适应页面高度的 iframe