Javascript 需要从ifram中获取高度属性值，并将父元素设置为包含该值

我将在以后接收一些动态生成的iframe内容，并尝试创建一个模板，该模板将舒适地适合iframe，无论其高度如何。因此，我想编写一个jquery脚本，读取iframe中height属性的值，以便将父元素设置为相应的大小

我不知道如何访问iframe中的height属性。。。我假设最简单的方法是从父元素运行脚本以获得iframe高度，然后设置它自己的高度。我还希望iframe是同一个域，这样就不会有问题了

<div class="parent_element" style="">
<!-- .parent_element {height: } should be set to 400px -->
<iframe src="" height="400"></iframe>
</div

或：

或：

加载iframe src时，调整iframe高度以匹配文档（加上一点滚动条）

加载iframe src时，调整iframe高度以匹配文档（加上一点滚动条）

$("#parent_element").height($("iframe").height());

$("#parent_element").height($("iframe").attr("height"));

$(document).ready( function () {
  $('iframe').load( function() {
    //console.log($(this).contents().height() + ' is the height');
    $(this).height($(this).contents().height() + 25); // add some to the height to allow for horizontal scroll bars
  });
});