框架自适应高度

最新推荐文章于 2021-04-07 09:28:13 发布

转载最新推荐文章于 2021-04-07 09:28:13 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lxiangcn/archive/2009/09/25/1574015.html

文章标签：

#javascript #ViewUI

本文介绍了一种使Iframe元素能够自适应其父容器高度的方法。通过JavaScript定时调整Iframe的高度，确保内容完全显示且没有滚动条。适用于网页布局中需要嵌套页面的场景。

Code
    <iframe id="ifmain" name="ifmain" width="100%" frameborder="0" src="Main.aspx" onload="this.height=100"
                    scrolling="no"></iframe>

    <script type="text/javascript">
        //Iframe自适应高度
        function reinitIframe() {
            var iframe = document.getElementById("ifmain");
            try {
                var bHeight = iframe.contentWindow.document.body.scrollHeight;
                var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
                var height = Math.max(bHeight, dHeight);
                iframe.height = height;
            } catch (ex) { }
        }
        window.setInterval("reinitIframe()", 200);
    </script>

转载于:https://www.cnblogs.com/lxiangcn/archive/2009/09/25/1574015.html