HTML/JQUERY-调整iframe大小'工作不正常

HTML/JQUERY - resize iframe doesn't work correctly

本文关键字:工作 不正常 大小 JQUERY- 调整 iframe HTML      更新时间:2023-09-26

我使用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的大小?

<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)" />