从帧内获取浏览器高度

Question

我正在使用Moodle: moddle

我试图从框架内运行一些Javascript以获得浏览器窗口高度,因此我可以提醒用户他们是否使用不那么理想的浏览器大小.

我尝试过这样的事情:

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

但是当我调整浏览器大小时,它们都会给出静态高度,这些高度永远不会改变

哦,它必须在IE8中工作.

Answer 1

您必须使用parentiFrame窗口的属性:

从iFrame中运行此代码,它将返回父窗口的高度:

$(window.parent).height();

但是,如果您使用的是jQuery 1.8.0,则如果您的浏览器处于怪异模式,这可能无效.从jQuery 1.8.0开始,该命令$(window).height()在quirks模式下停止了Internet Explorer的工作,并且他们不打算修复它.

如果你使用的是jQuery 1.8.0,请使用这个轻微的变化:

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

这将确保跨浏览器支持,即使在IE怪癖模式下也是如此;)