jquery - 使用 jQuery 获取 iframe 中元素的高度

Question

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

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

和一个包含未知高度的 div 的文件 test.php。

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

我想创建一个 Jquery 脚本来获取 iframe 内的 div 的高度。
我已尝试以下操作，但收到空响应。

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

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

Answer 1

假设 iframe 在同一个域上(否则不可能)，你应该先等待 iframe 加载:

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