从框架内获取浏览器高度

Question

我正在使用Moodle：

我正在尝试从框架中运行一些Javascript以获取浏览器窗口的高度，因此我可以警告用户是否使用的浏览器大小小于最佳浏览器大小。

我尝试过类似的事情：

window.top.document.body.offsetHeight
document.documentElement.clientHeight
$(document).height()
$(window).height()

但是它们都具有静态高度，当我调整浏览器大小时，它们不会改变。

哦，它必须在IE8中工作。

Answer 1

您必须使用iFrame窗口的parent属性：

从iFrame中运行以下代码，它将返回父窗口的高度：

$(window.parent).height();

但是，如果您使用的是jQuery 1.8.0，那么如果您的浏览器处于quirks模式 ，则可能无法正常工作。 从jQuery 1.8.0开始，命令$(window).height()停止以怪癖模式运行于Internet Explorer，并且他们不打算对其进行修复 。

如果您使用的是jQuery 1.8.0，请改用以下细微变化：

$(window.parent.document).height();

即使在IE quirks模式下，这也将确保跨浏览器支持；）

http://www.w3schools.com/jsref/prop_win_parent.asp

Answer 2

一种简单的解决方案是从iframe中调用父文档函数，以返回文档高度

iframe Javascript ：

alert(top.getDocHeight());  

主要文件Javascript ：

function getDocHeight()
{
    return $(window).height();

}