如何根据内容设置iframe的高度

how to set height of an iframe based on its content

本文关键字：iframe 高度 设置 何根      更新时间：2023-09-26

我正在寻找一种根据IFRAME的内容来确定其高度的方法。代码结构是这样的：当点击一个按钮时，会打开一个新的模式对话框，其中包含一个DIV。IFRAME将加载到这个DIV中。所以我的问题是如何根据IFRAME的内容设置IFRAME高度以及外部包含的DIV高度？

我试着为Iframe加载设置高度，但它总是默认为150px，我不知道为什么。

如果您可以使用jQuery，请首先使用outerHeight（）在iframe DOM中获取iframe高度（例如用body onload事件调用它）（返回一个数字；例如调用iframeOuterHeight）：

var iframeOuterHeight = $("body").outerHeight();

如果jQuery不是一个选项，请使用（在加载iframe主体时调用）：

var iframeOuterHeight = document.body.clientHeight;

然后使用：

parent.document.getElementById("MyiframeDiv").style.height = iframeOuterHeight + 'px';

其中MyiframeDiv是围绕iframe的div包装器的ID；您需要使用parent，因为包装iframe的div在parent DOM中。

相关文章：