Question

我想自动调整iframe的高度到其中的内容。我用jQuery插件完成了这个，jquery-iframe-auto-height by house9，效果非常好。

现在我希望我的主页（在iframe中）拥有父页面的完整高度。我想我应该使用if else语句，但由于我没有使用javascript（还），我希望你们中的一个可以帮助我。

$(document).ready(function () {
    if ((#ifrm).($this).attr('src') == 'home.html'){
        $('#ifrm').iframeAutoHeight({minHeight: 100%});
    }
    else $('#ifrm').iframeAutoHeight({minHeight: 300});
});

此外，我发现这一个代码用于获取页面的完整高度，也许它有帮助

if ($('#ifrm').($this).attr('src') == 'home.html'){
    (function(){var height = $(window).height();
         $('#ifrm').css('height', height)
    });
    }
    else $('#ifrm').iframeAutoHeight({minHeight: 300, debug: true});

非常感谢你提前

修改：您可以找到here

的网站

Answer 1

此代码适用于您：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>
    $(document).ready(function() {
        if ($('#ifrm').attr('src') == 'home.html') {
            var window_height = $(window).height();
            $('#ifrm').css("height", window_height);
        }else{
            $('#ifrm').load(function() {
                this.style.height =
                this.contentWindow.document.body.offsetHeight + 'px';
            });
        }
    });
</script>

<iframe src="home.html" id="ifrm">

它不仅可以自动调整iframe的高度而不使用插件（总是更可取），它还可以设置＆＃34; home.html＆＃34;的全部高度。页

请注意，只有当iframe内容位于同一个域时，才能使用此功能，其他域中iframe的内容会被锁定以保证安全。

使用jQuery调整iFrame高度

1 个答案: