框架frame自适应内容高度

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

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

文章标签：

#框架

jQuery 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的框架自动调整高度的方法。通过在每个框架子页面中加入特定的JavaScript代码，可以让框架的高度根据其内容自动进行调整，提高用户体验。

让框架frame自动适应内容的高度
在每个框架子页面中加入如下代码


<script src="../js/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            setFrmHeight();
        });
        function setFrmHeight() {
            var frm = $(window.parent.document).find("#frm");
            var height = $(document).height();
            frm.height(height);
        }
    </script>