如何动态计算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

您可以签出：