如何根据内容设置iframe高度？

Question

我需要根据内容设置iframe的高度。

<iframe src="../graphs/Average.html" alt="##graphname" width=100% height=680px overflow:visible frameborder=0 class="general" style="border-collapse: collapse;" noresize onload="document.getElementById('p').style.display='none';"></iframe>

我也尝试过：<style> div{overflow:visible} </style> 但它也没有用。

Answer 1

为此，您可以使用以下JScode：

<iframe id="iframe" src="../graphs/Average.html" alt="#graphname" width="100%" height="680"  frameborder=0 class="general" style="border-collapse: collapse;" noresize onload="document.getElementById('p').style.display='none';"></iframe>    

使用javascript

document.getElementById("iframe").style.height = $('#iframe').get(0).contentWindow.document.body.offsetHeight + 'px'

使用jQuery

$('#iframe').height($('#iframe').get(0).contentWindow.document.body.offsetHeight + 'px');