如何访问使用 window.open 打开的窗口的文档对象？

Question

我通过在浏览器控制台中编写以下代码通过 javascript 在新选项卡中打开一个网站：

var win = window.open("http://staging.redefinewebs.in/wildgoose-const/wp-admin/post-new.php", "mywin", '');

现在我想在新打开的选项卡的字段中添加文本。但为此我需要访问win.document。当我在控制台中写win.document 时，出现以下错误：

Error: Permission denied to access property "document"

如果我在新标签页中打开其他网站，则不会出现此错误。所以，

如何使用 window.open 访问在新选项卡中打开的窗口的文档对象？

Answer 1

如果子窗口的 DOM 违反了同源策略，您将无法访问它。

只有满足以下三个条件，才能访问子窗口的DOM。

• 两个窗口具有相同的协议 (http/https)
• 两个窗口的主机相同（google.com 和 news.google.com 不同）
• 两个窗口具有相同的端口（google.com:80 和 google.com:443 不同）

Answer 2

如何使用 window.open 访问在新选项卡中打开的窗口的文档对象？

如果窗口是从不同的来源打开一个文档，你不会；由于Same Origin Policy，浏览器拒绝跨域访问。从您问题中的错误来看，这里似乎就是这种情况。

如果窗口包含来自同一来源的文档，您可以按所示访问它；但请注意，在您调用 window.open 后，它可能仍会立即加载，您可能需要等待它完成加载，可能是 DOMContentLoaded 事件。