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

前端之家收集整理的这篇文章主要介绍了使用jQuery获取iframe中元素的高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个包含“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);
});

有人可以帮帮我吗?提前致谢.

解决方法

假设iframe位于同一个域上(否则无法实现),您应该等待iframe首先加载:
$(document).ready(function() {
    $( "#frameDemo" ).on('load',function() { 
        var mydiv = $(this).contents().find("div");
        var h     = mydiv.height();
        alert(h);
    });
});
原文链接:https://www.f2er.com/jquery/180832.html

猜你在找的jQuery相关文章