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

Question

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

Answer 1

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

对于不支持window.postMessage的浏览器，还有一些jQuery插件使用旧的URL哈希技术包装window.postMessage。它使技术的使用对最终用户透明。

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

Lutron - Ballast Selection Tool

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