javascript - 根据内容高度为多个 iFrame 设置唯一高度

Question

我在一个页面上有多个 iframe。该框架的来源是我自己的域。我想计算并设置页面上所有 iframe 的 iframe 高度。

我的代码当前将所有 iframe 高度设置为与其中一个 iframe 相同的高度:

function iframeSize(){

$("IFRAME_CLASS",parent.document).each(function() {
                var frameHeight = $("body").outerHeight();
                $(this).height(frameHeight);
            }); 

}

我遇到了很多麻烦，感谢您的帮助!

Answer 1

为了使用 IFRAME_CLASS 类迭代每个 iframe，您需要对每个元素执行 class(.) 选择器并设置高度。

function iframeSize(){

$(".IFRAME_CLASS").each(function() {
                var frameHeight = $("body").outerHeight();
                $(this).css("height",frameHeight);
 }); 

}
iframeSize();

示例:https://jsfiddle.net/DinoMyte/2ass96kf/3/