jQuery设置iframe的高度根据页面内容自适应

最新推荐文章于 2023-10-04 16:59:00 发布

qubernet

最新推荐文章于 2023-10-04 16:59:00 发布

阅读量820

点赞数

分类专栏： jQuery js 前端文章标签： iframe 高度

本文链接：https://blog.csdn.net/qubernet/article/details/82599586

版权

前端同时被 3 个专栏收录

103 篇文章 0 订阅

订阅专栏

83 篇文章 0 订阅

订阅专栏

jQuery

28 篇文章 0 订阅

订阅专栏

方式1：

    //注意：下面的代码是放在和iframe同一个页面中调用
    $("#iframeId").load(function () {
        var mainheight = $(this).contents().find("body").height() + 30;
        $(this).height(mainheight);
    });

方式2：

    //注意：下面的代码是放在iframe引用的子页面中调用
    $(window.parent.document).find("#iframeId").load(function () {
        var main = $(window.parent.document).find("#iframeId");
        var thisheight = $(document).height() + 30;
        main.height(thisheight);
    });