Question

在我的Wordpress网站中，我使用了一个插件，该插件使我可以查看iframe中的外部页面，该iframe会根据内容的高度更改其高度。我尝试在iframe中加载的页面是调用javascript的简单html页面。但是，这会阻止iframe更改其高度。可以通过任何方式解决吗？谢谢。

这是必须加载到iframe中的html页面的代码：

<body>
 <script type="text/javascript" src="https://www.domain-name.com/script-name.php?param1=1&param2=22"></script>
 </body>

Answer 1

赋予div ID或Call和CSS

height : 100vh ;

尝试加载此代码

    function resizeIFrameToFitContent( iFrame ) {

    iFrame.width  = iFrame.contentWindow.document.body.scrollWidth;
    iFrame.height = iFrame.contentWindow.document.body.scrollHeight;
}

window.addEventListener('DOMContentLoaded', function(e) {

    var iFrame = document.getElementById( 'iframe_block' );
    resizeIFrameToFitContent( iFrame );

    // or, to resize all iframes:
    var iframes = document.querySelectorAll("iframe");
    for( var i = 0; i < iframes.length; i++) {
        resizeIFrameToFitContent( iframes[i] );
    }
} );

基于页面内容高度的iframe高度

1 个答案: