Javascript Iframe的高度基于页面内容高度

在我的Wordpress站点中，我使用了一个插件，它允许我在iframe中查看外部页面，iframe根据内容的高度改变其高度。 我尝试在iframe中加载的页面是一个调用javascript的简单html页面。 但是，这会阻止iframe更改其高度。 有什么办法可以解决吗？ 谢谢

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

---

给出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] );
    }
} );

函数resizeIFrameToFitContent（iFrame）{
iFrame.width=iFrame.contentWindow.document.body.scrollWidth；
iFrame.height=iFrame.contentWindow.document.body.scrollHeight；
}
window.addEventListener（'DOMContentLoaded'，函数（e）{
var iFrame=document.getElementById（'iFrame_block'）；
调整iFrameToFitContent（iFrame）的大小；
//或者，要调整所有iFrame的大小：
var iframes=document.querySelectorAll（“iframe”）；
对于（var i=0；i

我做了一个测试站点来向您展示这种行为。见上文我更改答案您好，您发布的代码应该插入哪里？在iframe页面上还是在脚本页面上？你能给我一个完整的例子来使用你发布的代码吗？非常感谢。