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

Question

我有一个iframe，我想根据用户做出某些操作时可能调整大小的内容来重新调整高度。

我不想要滚动条，因此它显示为普通页面

Answer 1

使用div而不是iFrame。尝试发布一些示例代码，以便我们为您提供更多帮助。通常，您无法根据内容调整iframe的大小。

Answer 2

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> 

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

但是，不应该从其他网站

加载.iframe