在TypeScript中使用window.postMessage()方法非常简单,只需要按照一般的JavaScript方式调用即可。window.postMessage()方法允许向其他窗口发送消息,这些窗口可能在同一个域或不同域。以下是一个示例:
// 发送消息
window.postMessage("Hello, other window!", "http://example.com");
// 监听消息
window.addEventListener("message", (event) => {
// 确保消息来自指定的源
if (event.origin === "http://example.com") {
console.log("Received message: " + event.data);
}
});
在上面的代码中,我们首先使用window.postMessage()方法向http://example.com发送消息。然后,我们使用window.addEventListener()方法监听message事件,当接收到消息时,我们打印出接收到的消息内容。
需要注意的是,使用window.postMessage()方法发送消息时,第二个参数是目标窗口的源(origin),这是为了确保消息只发送给指定的窗口。在监听message事件时,我们可以通过event.origin来验证消息是否来自期望的源。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。