我有一个包含“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);
});
有人可以帮帮我吗?提前谢谢。
答案 0 :(得分:10)
假设iframe位于同一个域上(否则无法实现),您应该等待iframe首先加载:
$(document).ready(function() {
$( "#frameDemo" ).on('load', function() {
var mydiv = $(this).contents().find("div");
var h = mydiv.height();
alert(h);
});
});