iframe高度自适应问题

Question

下面是主页面的内容：

        <script type="text/javascript">

            function changeFrameHeight(){

                var ifm= document.getElementById("iframepage");

                ifm.height=document.body.clientHeight + 50;

            }

            window.onresize=function(){  

                 changeFrameHeight();

            } 

        </script>

        <div id="tt">

            <div title="首页">

                <iframe src="page/home.html" id="iframepage"  onload="changeFrameHeight()"  style="width:100%;" scrolling="no" frameborder="0"></iframe>

            </div>

        </div>

当页面缩小时，home.html内容不能全部显示出来，应该怎么更改？

Answer 1

<script type="text/javascript">function&nbsp;changeFrameHeight(){ &nbsp;&nbsp;setTimeout(function(){&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;iFrameID&nbsp;=&nbsp;document.getElementById('iframepage');&nbsp;&nbsp;&nbsp;&nbsp;if(iFrameID)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;iFrameID.height&nbsp;=&nbsp;""; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;iFrameID.height&nbsp;=&nbsp;iFrameID.contentWindow.document.body.scrollHeight&nbsp;+&nbsp;"px"; &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;},300) }window.onresize=function(){&nbsp;&nbsp; &nbsp;&nbsp;changeFrameHeight(); }</script>