如何使用jQuery从iFrame中获取父窗口的高度?

时间:2009-04-09 16:58:56

标签: jquery dom iframe

在iFrame中,我们需要获取父窗口/文档高度。

有没有办法使用jQuery来获取它?

我知道我们可以使用$(document).height()来获取页面的高度。我无法弄清楚如何从iFrame中获取父级的值。

请帮忙!

4 个答案:

答案 0 :(得分:16)

不需要jQuery。

parent.document.body.clientHeight

这适用于IE7和FF3。

答案 1 :(得分:3)

我在一个网站上尝试了clientHeight方法,其中两个iframe在同一个域上并且不起作用。 (返回0)。

经过大量测试后,我发现的最佳方法(并且我很乐意学习更好的方法)是在父级上创建一个返回文档高度的函数,如:

<强>父:

function getDocumentHeight(){
   return $(document).height();
}

<强> I帧:

var parentDocHeight = parent.getDocumentHeight();

答案 2 :(得分:3)

在jQuery中你可以做到

$(parent.window).width();

答案 3 :(得分:2)

另一种可能性是:

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