iframe框架自动适应子页的高度

1.iframe框架适应子页的固定高度

  <form id="form1" runat="server">
        <iframe name="mainFrame" id="mainFrame" width="100px" scrolling="no" src="http://www.hkzhan.net"></iframe>
    </form>
    <script>
        document.getElementById("mainFrame").onload = function() {
            alert(document.getElementById("mainFrame").contentWindow.document.body.clientHeight);
        }
    </script>

2.iframe框架适应子页的动态高度

   在子页面加上这样一段JS：

   <script  type="text/javascript" language="javascript">
       window.parent.document.getElementById("mainFrame").height = document.body.scrollHeight + 10;
    </script>

 

  其中"mainFrame"是iframe框架的名称标示。