如何在跨域中获取 iframe contentWindow 高度

Question

我想根据他们的内容自动调整我的 iframe 高度，但在同一个域中，它可以与 contentWindow.height 正常工作，但在跨域的情况下，它访问 iframe dom 的权限被拒绝。

Answer 1

对于现代浏览器，您可以使用window.postMessage 函数在属于两个不同域的 iFrame 之间进行通信。

还有几个 jQuery 插件使用旧的 URL 散列技术包装 window.postMessage，用于不支持 window.postMessage 的浏览器。它使该技术的使用对最终用户透明。

您可以从这里查看以下页面（并且可能借用您需要的 javascript）：

Lutron - Ballast Selection Tool

带有下拉菜单的工具实际上是从单独的域加载到 iFrame 中的。然后根据内部内容的高度动态调整 iFrame 的大小。