在不同域上調整iframe的高度

Question

我允許我的網站的一部分顯示在另一個網站（不同的域）中。

我的擔心是將iframe的高度設置為其內容的高度。 我可以使用此解決方案 ，但是我的情況是跨瀏覽器的情況，所以這不起作用。

我嘗試通過以下方式獲取iframe的高度：

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

但這僅給出了可見的高度。

我想念什么？

Answer 1

您不能使用JavaScript訪問用戶從其他域加載的內容。 這將帶來安全風險。

在另一個站點的合作下，當另一個站點的load事件觸發時，您可以接收到另一個消息（通過postMessage ），該消息告訴您其高度（然后您可以根據其大小進行調整）。

當resize事件觸發時，它也可能發送新的高度。