是否可以在 iframe 中访问父文档？

Question

目前我有这个代码向父窗口发布消息：

  const onSomething = () => {
    window.parent.postMessage('hey', 'https://www.google.com')
  }

在父窗口内，我正在访问文档并将一些数据发送回 iframe。

我的问题是，我可以访问应用程序中的窗口父文档（也称为 iframe）还是只有父窗口可以访问他的文档？

如果我从我的应用程序中调用 window.parent.document 我会收到这个错误：

<块引用>

SecurityError：阻止了一个源为“http://localhost:3000”的框架 访问跨源框架。

注意：父窗口和 iframe 是不同的起源

Answer 1

正如您发布的错误消息所告诉您的那样，出于安全原因，任何现代网络浏览器都会阻止此操作。

有关更多详细信息，也许这篇 MDN 文章对您很有趣：https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy#cross-origin_script_api_access