window.postMessage
时间: 2023-11-04 16:58:46 浏览: 158
window.postMessage是一种在不同窗口之间进行跨源通信的方法。它允许一个窗口向另一个窗口发送消息,以实现数据的传递和交互。使用postMessage时,需要指定目标窗口和消息内容,并可以选择指定目标窗口的地址。
具体用法如下所示:
otherWindow.postMessage(message, targetOrigin, [transfer]);
其中,otherWindow是目标窗口的window对象,message是要发送的消息内容,可以是字符串或对象,targetOrigin是接收消息窗口的地址,用于限制只有指定的窗口可以接收到消息,可选择为"*"表示无限制,transfer是可选参数,用于传输数据。
例如,在一个窗口中使用postMessage发送消息:
var win = window.opener ? window.opener : window.parent;
function sendMsg(){
var val = document.getElementById("msg").value;
if(win){
win.postMessage(val, "*");
}
}
在另一个窗口中,可以通过监听message事件来接收消息:
window.addEventListener("message", function(e){
document.getElementById("msg").value = e.data;
})
相关问题
window.postmessage
`window.postMessage` 是 JavaScript 中的一个方法,可以在不同窗口或标签页之间进行消息传递。它接受两个参数:要发送的数据和接收窗口的源(origin)。使用这个方法可以在页面之间进行安全的数据传输。
window.postmessage用法
window.postMessage是一种用于在不同窗口、跨域通信的方法。它可以在不同域之间传递数据,从而实现页面的互相通信。使用该方法时,需要先指定通信对象和数据,然后通过postMessage方法进行发送。在接收方,需要监听message事件来接收数据。
阅读全文