温馨提示×

postMessage如何接收数据

小亿
177
2024-01-10 16:44:53
栏目: 编程语言

postMessage是Web API中的方法,用于在不同的浏览上下文(如窗口、iframe、worker等)之间传递消息。接收数据的方式有以下两种:

  1. 使用message事件监听器接收数据:
window.addEventListener('message', function(event) {
  // event.data中存储了传递的数据
  console.log('接收到的数据:', event.data);
});
  1. 在接收数据的上下文中使用onmessage事件处理函数:
self.onmessage = function(event) {
  // event.data中存储了传递的数据
  console.log('接收到的数据:', event.data);
};

以上两种方式都可以在postMessage方法被调用时接收到传递的数据。

0