iframe动态高度不起作用

Question

我创建了一个小小部件，它基本上是一个包含基于HTML AJAX的表单的php文件。表单的高度取决于AJAX响应文本的输出。 因此，我需要动态改变高度。 我尝试使用一些代码来做到这一点并且它工作得非常好，但仅限于localhost文件。 此代码有效：

<iframe src="ajax/cfw.php" id="idIframe" width="400px" onload="iframeLoaded()" style="border: none;"></iframe>


<script type="text/javascript">
  function iframeLoaded() {
      var iFrameID = document.getElementById('idIframe');
      if(iFrameID) {
            // here you can make the height, I delete it first, then I make it again
            iFrameID.height = "";
            iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
      }   
  }
</script>

但是，当我尝试对我在localhost上指向的确切文件执行iframe时，它不在我的localhost上托管，它不起作用：

<iframe src="http://website.com/ajax/cfw.php" id="idIframe" width="400px" onload="iframeLoaded()" style="border: none;"></iframe>

为什么会这样，我该如何解决？ 感谢。