我正在寻找一种基于其内容确定IFRAME高度的方法。代码结构如下:当单击按钮时,将打开一个包含DIV的新模式对话框。 IFRAME将加载到此DIV中。所以我的问题是如何设置IFRAME高度以及基于IFRAME内容的外部包含DIV高度?
我尝试为iframe设置高度,但它总是默认为150px,我不知道为什么。
答案 0 :(得分:0)
如果你可以使用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中。