如何动态计算iframe的高度?

时间:2014-11-26 22:08:20

标签: javascript

我正在尝试使用

计算iframe中显示的页面高度
document.getElementById('iframe1').contentWindow.outerHeight  

contentWindow.outerHeight在不同的浏览器中采用不同的值,并没有真正给出正确的高度值。此外,在Internet Explorer中,我看到一个错误“访问被拒绝”。

我试图在iframe中显示的页面加载没有任何问题。

2 个答案:

答案 0 :(得分:2)

由于你确实在某些浏览器中获得了值而不是IE,我认为这是而不是跨域问题。

contentWindow.outerHeight在IE中不起作用,除非我添加:

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

以下似乎适用于所有浏览器:

contentWindow.document.body.offsetHeight;

请注意,不同的浏览器呈现的HTML略有不同,具体取决于CSS默认值,包装算法等。因此,您不可能在一个浏览器中获得与在另一个浏览器中相同的高度。

答案 1 :(得分:0)