使iframe高度符合内容

Question

如何让iframe的高度适应其中的内容？我假设您计算内容高度和iframe高度之间的差异(我不知道该怎么做)并使用while循环来增加变量以用作高度,但我无法包装我的围绕如何实际做这些事情.在询问之前:是的,框架中的内容来自我的网站.不是跨域的.

Answer 1

不太清楚为什么要使用 iframe 而不是通过 ajax 填充的动态 div，但是：

将iframe内的内容放入div中，然后获取div的高度。我建议像这样使用jquery：

$("#divId").height();

但如果你不能使用jquery，你应该可以使用这个：

document.getElementById("divId").offsetHeight;

然后你需要将 iframe 的高度设置为你得到的任何高度。

jQuery：

$("#iframeId").height($("#divId").height());

常规js：

document.getElementById("iframeId").style.height = 
document.getElementById("divId").offsetHeight;