window.opener.postMessage
时间: 2023-10-20 22:09:15 浏览: 186
javascript window.opener的用法分析
window.opener.postMessage 是一个 JavaScript 方法,用于在一个窗口中向另一个窗口发送消息。它通常用于在父窗口和子窗口之间进行通信。
使用该方法时,需要在发送消息的窗口中调用 window.opener.postMessage 方法,并传入要发送的消息和接收消息的窗口的 origin(源)。在接收消息的窗口中,需要监听 message 事件,并在事件处理程序中获取到发送的消息。
例如,在父窗口中向子窗口发送消息,可以使用以下代码:
```javascript
// 发送消息
window.open('child.html', 'child');
var childWindow = window.open('child.html', 'child');
childWindow.postMessage('Hello from parent!', 'http://localhost:8080');
// 接收消息
window.addEventListener('message', function(event) {
if (event.origin === 'http://localhost:8080' && event.source === childWindow) {
console.log('Received message from child:', event.data);
}
});
```
阅读全文