window.opener和window.parent

`window.opener` 和 `window.parent` 都是 JavaScript 中的 window 对象的属性。

- `window.opener` 属性引用打开当前窗口的窗口（即父窗口）的 window 对象。如果当前窗口是由其他窗口通过 JavaScript 打开的，则该属性返回该窗口的 window 对象。如果当前窗口不是由其他窗口打开的（例如，用户直接在浏览器中打开了窗口），则该属性返回 null。
- `window.parent` 属性引用当前窗口的父窗口的 window 对象。如果当前窗口没有父窗口（例如，当前窗口是顶级窗口），则该属性返回当前窗口的 window 对象。

通常情况下，`window.opener` 和 `window.parent` 属性主要用于在子窗口和父窗口之间进行通信和交互，例如在子窗口中调用父窗口的函数或者在父窗口中访问子窗口的 DOM 元素。

相关问题

parent.window. window.opener. 区别

这两个对象都是 JavaScript 中的窗口对象，但它们之间有一些区别，具体如下：

1. `parent.window`：表示当前窗口的父窗口，如果当前窗口没有父窗口，则返回当前窗口自身。

2. `window.opener`：表示打开当前窗口的父窗口，如果当前窗口不是通过 `window.open()` 打开的，则返回 `null`。

需要注意的是，由于安全限制的原因，访问 `parent.window` 或 `window.opener` 对象可能会受到限制。如果两个窗口不在同一个域中，那么访问这两个对象可能会抛出安全错误。

window.location.href和window.opener.location.href

window.location.href和window.opener.location.href都是用于获取或设置当前页面的URL。

window.location.href是获取或设置当前页面的URL。可以通过将一个新的URL赋值给window.location.href来导航到该URL。例如，可以使用window.location.href = "https://www.example.com"将当前页面导航到https://www.example.com。

window.opener.location.href是获取或设置打开当前页面的父页面的URL。它在使用window.open()方法打开一个新窗口后才有值。可以通过将一个新的URL赋值给window.opener.location.href来导航到父页面的URL。例如，可以使用window.opener.location.href = "https://www.parentpage.com"将父页面导航到https://www.parentpage.com。

需要注意的是，window.opener.location.href只能在通过window.open()方法打开的新窗口中使用，而不能在同一窗口或不是通过window.open()方法打开的窗口中使用。而window.location.href可以在任何窗口中使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [window.location.href的用法(动态输出跳转)](https://blog.csdn.net/weixin_31690531/article/details/115238595)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]