javascript - 未捕获的 SecurityError 端口问题 : Iframe resize

Question

我有一个呈现不同大小主体的 iframe 的父页面。但是，当在没有 www 的情况下导航到该站点时，您会收到以下错误:

599 未捕获的安全错误:阻止了来源为“http://example.com”的框架访问来源为“http://www.example.com”的框架。协议(protocol)、域和端口必须匹配。

表单在 iframe 中呈现，但它没有正确调整滚动高度的大小(我不能在 iframe 上使用任何滚动功能，并且需要朝向框架底部的额外空间)。

发生这种情况是因为页面上有以下 iframe/函数:

<iframe id="iframe1" src="http://www.example.com/virtual-directory" height="" width="300px" frameborder="0" onload="iframeLoaded()"></iframe>
<script>
   function iframeLoaded() {
     var iFrameID = document.getElementById('iframe1');
     if (iFrameID) {
         iFrameID.height = "";
         iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + 20 + "px";
     }
   }
</script>

我看了这篇帖子SecurityError: Blocked a frame with origin from accessing a cross-origin frame但我不确定在哪里实现该检查以使此调整大小正常运行而不引入安全风险。

Answer 1

如果您对父级和 iframe 都有完全控制权，您可能想在这里尝试 ConroyP 的答案:Resizing an iframe based on content .

(这是公认的答案)

它有点复杂，但对我有用。根据网络速度，它几乎可以是瞬时的。

唯一的缺点是，当您在其中更改页面时，它不会向上滚动 iframe 内容。