如何獲取跨域iframe contentWindow高度

Question

我想根據其內容自動調整我的iframe高度，但在同一個域中，它與contentWindow.height正常工作，但在跨域的情況下，它的權限被拒絕訪問iframe dom。

Answer 1

對於現代瀏覽器，您可以使用window.postMessage函數在屬於兩個不同域的iFrame之間進行通信。

還有幾個jQuery插件，它們包含window.postMessage以及不支持window.postMessage的瀏覽器的舊URL哈希技術。它使最終用戶對該技術的使用透明。

你可以看一下下面的頁面（可能借你需要的JavaScript）從這裏：

Lutron - Ballast Selection Tool

的工具，下拉式菜單實際上正在從一個單獨的域加載到iframe中。然後根據內部內容的高度動態調整iFrame的大小。