根据内容动态调整iframe高度

Resize iframe height dynamically dependent on the content

本文关键字：调整 iframe 高度 动态      更新时间：2023-09-26

我已经看到了关于这个问题的其他几个线程，但我就是找不到解决问题的方法。

我的代码：

$(window).load(function() {
    $('iframe').each(function() {
        $(this).height( $(this).contents().find("html").height() );
    });
});

说明：在窗口加载时，我循环浏览页面上的每个iframe，并根据内容设置高度。

这在jsfiddle上运行得很好，但在我的网页上不行。我可能遗漏了什么？

它是而不是跨域。Iframe父级和Iframe在同一域上定义为。

我有一个想法：

我使用添加这个facebook图标，它是通过iframe包含的。我在firebug中收到一个关于"权限被拒绝…"（跨域）的错误。这可能会阻止其他iframe调整大小吗？

问候。

好吧，我的想法是对的，"权限被拒绝…"（跨域）阻止了其他代码的工作，这就像一个PHP致命错误。所以我只是使用find()方法来只获取我想要的iframe并调整其大小

效果很好！

我的代码

$(window).load(function() {
        $(".tx-smileiframe-pi1").find("iframe").each(function() {
            $(this).height( $(this).contents().find(".iframe").height() );
        });
    });
相关文章：