在不同域上调整iframe的高度

Question

我允许我的网站的一部分显示在另一个网站（不同的域）中。

我的担心是将iframe的高度设置为其内容的高度。 我可以使用此解决方案 ，但是我的情况是跨浏览器的情况，所以这不起作用。

我尝试通过以下方式获取iframe的高度：

window.parent.document.getElementById('id_iframe').contentDocument.body.scrollHeight;

但这仅给出了可见的高度。

我想念什么？

Answer 1

您不能使用JavaScript访问用户从其他域加载的内容。 这将带来安全风险。

在另一个站点的合作下，当另一个站点的load事件触发时，您可以接收到另一个消息（通过postMessage ），该消息告诉您其高度（然后您可以根据其大小进行调整）。

当resize事件触发时，它也可能发送新的高度。