如何使用javascript动态加载iframe高度与iframe内的内容

Question

以下是我用于加载iframe内容的iframe内容的代码：

<iframe id="form-iframe" 
        style="margin: 0; width: 100%; height: 100%; border: none; overflow: hidden;" 
        src="URL" width="300" height="150" scrolling="no" 
        onload="AdjustIframeHeightOnLoad()">
</iframe>

function AdjustIframeHeightOnLoad() { 
     document.getElementById("form-iframe").style.height = \
          document.getElementById("form-iframe").contentWindow.document.body.scrollHeight 
          + "px"; 
}

但是通过在html中使用上面的代码，我在控制台日志中遇到错误

Error: Permission denied to access property "document"

如何从我的iframe内容中读取高度以将iframe - 容器设置为相同的大小？