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

Question

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

我尝试为iframe设置高度，但它总是默认为150px，我不知道为什么。

Answer 1

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

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

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

var iframeOuterHeight = document.body.clientHeight;

然后使用：

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

其中MyiframeDiv是iframe周围的div包装器的ID;你需要使用parent，因为包裹iframe的div在父DOM中。