如何動態計算iframe的高度？

Question

我正在嘗試使用以下方法計算iframe中顯示的頁面的高度

document.getElementById('iframe1').contentWindow.outerHeight

contentWindow.outerHeight在不同的瀏覽器中采用不同的值，並且實際上並未給出正確的height值。 另外，在Internet Explorer中，我看到一個錯誤“訪問被拒絕”。

我嘗試在iframe中顯示的頁面在加載時沒有任何問題。

Answer 1

由於您確實在某些瀏覽器中獲得了值，但在IE中卻沒有，因此我認為這不是跨域問題。

除非我添加以下內容，否則contentWindow.outerHeight在IE中對我不起作用：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

以下似乎在所有瀏覽器上均能最好地發揮作用：

contentWindow.document.body.offsetHeight;

請注意，根據CSS默認值，換行算法等，不同的瀏覽器呈現HTML會略有不同。因此，您不太可能在一個瀏覽器中獲得與另一個瀏覽器相同的高度。

Answer 2

您可以簽出：