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

Question

为了向另一个文档(比如 iframe)发送消息，您可以同时使用 postMessage 和 createEvent 函数。假设这样:

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

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

Answer 1

这是给邻居留言要求他们关掉电视与自己试图闯入他们的公寓关掉电视之间的区别。

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

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