Javascript 从iFrame内部查找div的高度

我的索引上有一个搜索栏，它在我搜索时会更新，当你写更多的文本时，它会添加或删除结果，然后缩小范围

然后，在位于另一个页面的DIV中侦听结果，我通过我的站点上的iFrame从索引访问该页面

我现在的问题是，我想获得result div的高度，并将其从iFrame的“内部”发送回iFrame所在的页面，以便在内容发生变化时根据内容更改高度

---

我到处寻找，尝试了很多方法。但归根结底，当我从索引页面请求结果div页面时，我无法获得该页面的高度。

好的。这是解决方案

<script type="text/javascript">
        $(document).ready(function() {
        $( "#search-frame" ).on('load', function() { 
        var search_div = $(this).contents().find("#table-results");
        var search_height     = search_div.height();
        $('#search-frame').css('height', search_height);
        });
});

</script>

$（文档）.ready（函数（）{
$（“#搜索框”）。在（'load'，function（）{
var search_div=$（this.contents（）.find（“#表结果”）；
var search_height=search_div.height（）；
$（'search frame'）.css（'height'，search\u height）；
});
});

你可以在你的页面或你的iframe中使用js获取iframe高度，但你不能在iframe中计算它的高度并在页面中使用该值，它们有不同的作用域，要做这种事情，你必须通过一些Web服务在它们之间进行通信。从页面，你可以计算iframe的外部高度，根据我所知，iframe内部没有div的高度实际上，如果

iframe src

与主页位于同一原点，那么您可以访问

iframe

内容（并计算高度）。