javascript - 使 iframe 高度适合内容

Question

如何使 iframe 的高度适应其中的内容？我假设您会计算内容高度和 iframe 高度之间的差异(我不知道该怎么做)并将其与 while 循环一起使用以增加变量以用作高度，但我无法包装我的思考如何实际做这些事情。问之前:是的，框架中的内容来 self 的网站。不跨域。

Answer 1

不太清楚为什么要使用 iframe 而不是动态 div 填充，比如说，通过 ajax，但是:

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

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

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

document.getElementById("divId").offsetHeight;

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

j查询:

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

常规 js:

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