调整不同域上iframe的高度

resize iframe height on different domain

本文关键字：iframe 高度调整更新时间：2024-01-02

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

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

我试图通过获得iframe的高度

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

但这只是给出了可见的高度。

我错过了什么？

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

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

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