postMessage跨域写入cookie

postMessage是HTML5提供的一种跨域通信机制，它允许一个页面向另一个页面发送消息，无论这两个页面是否同源。但是，postMessage并不能直接操作Cookie，因为Cookie是和域名绑定的，不同域名之间的Cookie是互相隔离的。如果需要在两个不同域名之间共享Cookie，需要额外的处理。

假设我们有两个域名：A.com和B.com，现在需要让A.com向B.com写入Cookie。可以按照以下步骤进行操作：

1. 在B.com的页面上，通过postMessage监听A.com发来的消息：

window.addEventListener('message', function(event) {
  if (event.origin === 'http://A.com') {
    // 处理A.com发来的消息
  }
});

2. 在A.com的页面上，通过postMessage向B.com发送消息，并将Cookie信息作为消息的一部分：

var cookie = 'name=value;domain=B.com;path=/';
window.parent.postMessage(cookie, 'http://B.com');

注意，Cookie信息需要指定域名为B.com，这样才能在B.com域名下正确读取到Cookie。同时，也要确保B.com在接收到消息后对Cookie进行了正确的设置。

3. 在B.com的页面上，通过接收到的消息设置Cookie：

window.addEventListener('message', function(event) {
  if (event.origin === 'http://A.com') {
    document.cookie = event.data;
  }
});

这样，就可以实现在A.com和B.com之间共享Cookie了。但是，需要注意的是，由于Cookie信息被包含在消息中，因此需要确保消息的安全性，防止被恶意篡改。