Javascript 根据可调整大小的内容调整iframe高度

我有一个iframe，我想根据内容重新调整高度，如果用户执行某些操作，可能会调整高度

---

我不希望滚动条显示为普通页面，请使用div而不是iFrame。请尝试发布一些示例代码，以便我们可以为您提供更多帮助。通常，您无法根据iframe的内容调整其大小。

scrollHeight是检索iframe内容高度的主要属性，如下所示：

contentWindow.document.body.scrollHeight

加载IFRAME后，可以通过执行以下操作更改高度：

<script type="text/javascript">
  function resizeIframe() {
      var iFrameID = document.getElementById('idIframe');
      if(iFrameID) {
           var cont =  iFrameID.contentWindow.document.body || frame.contentDocument.body
            // here you can make the height            
            iFrameID.height = cont.scrollHeight + "px";
      }   
  }
</script> 

函数resizeIframe（）{
var iFrameID=document.getElementById（'idIframe'）；
if（iFrameID）{
var cont=iFrameID.contentWindow.document.body | | frame.contentDocument.body
//在这里你可以做高度
iFrameID.height=cont.scrollHeight+“px”；
}   
}

在IFRAME加载事件中，可以调用此函数：

---

但是当然..iframe不应该从其他网站加载

我不能使用div，我使用的是jsf 2.1，我有一个上传文件组件，不提交整个表单就无法获得其价值，另一方面，我的主页不能提交所有内容都是使用ajax，这就是为什么我把上传文件组件放在一个iframIt中，它不起作用，我在iframe中创建了一个表，其中iframe的高度应该是230px+这个表的高度，我的问题是在加载iframe之后会发生onload，所以在加载表之后，为什么我总是得到表的高度“null”？

函数resizeIframe（）{alert(“in resize”）；var-iFrameID=document.getElementById（'frame_name_here'）；var-myheight=$（'#记录视图表'）.height（）；if（iFrameID）{iFrameID.height=300+myheight+“px”；alert（myheight+“fff”）；}