window.parent.postMessage传值
时间: 2023-11-04 21:53:17 浏览: 197
window.parent.postMessage() 是一个 JavaScript 方法,用于在嵌套的 iframe 或者父级窗口之间进行通信。它可以用来向父级窗口发送消息或者传递数据。
这个方法接受两个参数:要发送的消息和目标窗口的原始位置。
示例代码如下:
```
// 发送消息
var message = 'Hello, parent!';
window.parent.postMessage(message, '*');
// 接收消息
window.addEventListener('message', function(event) {
// 判断消息来源是否是期望的父级窗口
if (event.source === window.parent) {
// 处理接收到的消息
console.log('Received message from parent:', event.data);
}
});
```
在上面的示例中,`postMessage()` 方法用于向父级窗口发送消息,第一个参数是要发送的消息内容,第二个参数是目标窗口的原始位置。这里使用 `"*"` 作为目标位置,表示发送给任意父级窗口。
在接收消息的窗口中,通过添加一个事件侦听器 (`addEventListener()`) 来监听 `message` 事件,然后通过 `event.data` 获取接收到的消息内容。在上述示例中,如果接收到的消息来源是期望的父级窗口,就会将消息内容打印到控制台。
需要注意的是,在实际使用时,应该将目标位置参数指定为具体的有效 URL,以确保消息只发送给特定的父级窗口。
阅读全文