使用jQuery获取iframe内元素的高度

Question

我有一个包含“iframe”元素的文件。

<iframe src="test.php" width="100%" id="frameDemo"></iframe>

还有一个文件test.php，其中包含一个高度未知的div。

<div>some content...</div>

我想创建一个jQuery脚本来获取iframe内部div的高度。
我尝试了以下方法，但是收到了空响应。

$(document).ready(function() 
{
    var mydiv = $( "#frameDemo" ).contents().find("div");
    var h = mydiv.height();
    alert(h);
});

有人可以帮我吗？提前感谢。

- Giorgio

Answer 1

假设 iframe 与当前域相同（否则不可能），您应该先等待 iframe 加载完成：

$(document).ready(function() {
    $( "#frameDemo" ).on('load', function() { 
        var mydiv = $(this).contents().find("div");
        var h     = mydiv.height();
        alert(h);
    });
});

- adeneo

---

在我的情况下不起作用，文件位于同一域中，但我看不到iframe内部的元素 :( - Refilon