Javascript HTML/JQUERY-调整iframe大小无法正常工作

我正在使用jquery根据内容调整iframe的大小 在本地，一切都运行良好，但部署应用程序时，通常不会调整iframe的大小

可能是同步问题：resizeIframe在内容完全加载之前启动。请注意，内容很大

<div id="content">
    <iframe id="display"  name="tht" width="100%" src="path" onload='javascript:resizeIframe();'></iframe>
</div>



function resizeIframe() {    
          $('#display').height($('#display').contents().height());
}

---

是否需要采取措施确保resizeIframe函数正确调整iframe的大小

尝试清除浏览器的缓存。我不认为它来自浏览器的缓存。即使我刷新页面，它也会频繁出现。您是否能够更改在iframe中加载的页面内容？您是否尝试在$document.ready上运行该函数？是的，我选择并动态更改iframe的内容我不明白为什么高度设置为10px？您可以设置想要设置的任何高度，它接受任何数字参数，不带“px”…它可能更大…试试看。但我无法提前知道内容的高度。那么您到底在寻找什么？你提前知道是什么意思？我必须在“resize”中输入的高度来自src框架中指示的文件。因此，我必须等待加载内容，然后才能放置高度。

<script>
function resize(width, height)
{
var display = document.getElementById('display');
display.style.width = width + 'px';
display.style.height = height + 'px';
}
</script>

<iframe id="display" name="tht" src="src" onload="resize(10, 10)" />