javascript - 自定义事件和 postMessage 的区别

Question

为了将消息发送到另一个文档（比如说 an iframe），您可以同时使用postMessage和createEvent函数。假设：

var event = document.createEvent('CustomEvent');
event.initCustomEvent("message", true, true, 'Hello world');
iframe.dispatchEvent(event);

postMessage我的问题是，如果这两种方法都有效，那么使用and有什么区别customEvent？

Answer 1

给邻居留言要求他们关掉电视和闯入他们的公寓并自己关掉电视之间的区别。

您不能将事件分派到同源策略或 Access-Control-Allow-Origin 不允许访问的框架中，因为某些消息可能会干扰该页面的工作方式。但是消息旨在用于不同页面之间的通信-如果他们不想收听消息，则不必这样做。

另一个区别是消息必须是可序列化的，事件不必是可序列化的。