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

Question

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

Answer 1

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

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

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

Lutron - 镇流器选择工具

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