从iframe中获取浏览器窗口的可用高度

时间:2013-08-21 14:56:10

标签: javascript html browser

我的网站结构如下:

<html>
  <iframe>
    <iframe>
    </iframe>
  </iframe>
<html>

我正在编写最内在的iframe部分。现在,我想确定浏览器窗口的可用height(从menubar开始,在可能的toolbar之前结束)。

我有 IE9 并尝试了类似的事情:

window.innerHeight

(结果未定义)和

window.parent.document.body.clientHeight 

(不是我预期的高度)

如何获得height?提前完成。

3 个答案:

答案 0 :(得分:4)

  

window.parent.document.body.clientHeight

     

(不是我预期的高度)。我如何获得高度? Thanx in   提前。

这是因为window.parent将是iframe,而非顶层。

您想使用window.top

答案 1 :(得分:0)

另请注意,window.parent是对托管文档的window对象的引用。因此,您可以window.parent.innerHeight(或window.top.innerHeight

虽然没有单一的方法来获得文档窗口的高度,但是跨越浏览器。有关快速,跨浏览器的解决方案和更详细的说明,请参阅Get the size of the screen, current web page and browser window

答案 2 :(得分:0)

我尝试了一下,发现以下一个作为我工作的解决方案:

top.document.getElementsByTagName("html")[0].offsetHeight