如何调整其内容的附加iframe？

Question

作为标题，如何调整内容的iframe大小？ 我已经提到了其他问题：

• jquery get height of iframe content when loaded
• Resize iframe to content with Jquery
• Get height of element inside iframe with jQuery

，但它仍然无效。以下是我的代码：

$(function() {
  $('#appendIframeHere').append("<iframe src=\"http://www.w3schools.com/\"></iframe>");
  var iframe = $('#appendIframeHere').find('iframe');
  iframe.css("width", "100%");
  iframe.css("height", iframe.contents().find('body').height() );
  $('#appendIframeHere').text(iframe.contents().find('body').height());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<div id="appendIframeHere"></div>

----------------------------------------------- -------------更新------------------------------------ ------------------------

我使用相同的方法来获取height()，但它有不同的值，0和2786.我尝试向append()添加一个回调函数，但我看到一些引用表示append()立即完成所以我不必使用回调。之后我还尝试promise().done(function(){...})到append()，但它仍然从js文件和控制台获得不同的值。