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

Posted 2023-03-06

【中文标题】使用 jQuery 获取 iframe 内元素的高度

【英文标题】：Get height of element inside iframe with jQuery

【发布时间】：2013-12-28 12:54:06

【问题描述】：

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

<iframe src="test.php"  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);
);

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

【参考方案1】：

假设 iframe 在同一个域中（否则不可能），您应该等待 iframe 先加载：

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

【讨论】：

在我的情况下不起作用，文件在同一个域中，但我没有看到 iframe 中的元素:(