【postmessage】总结：
PostMessage 是一种在 Web 开发中常用的跨域通信机制，主要用于在不同源（不同域名、协议或端口）的窗口之间进行数据传递。它通常用于实现 iframe 与父页面之间的通信、多窗口应用中的信息共享以及浏览器扩展中的消息传递等场景。
PostMessage 的核心在于通过 `window.postMessage()` 方法发送消息，并通过监听 `message` 事件接收消息。该方法具有较高的安全性，因为它允许指定目标窗口的来源（origin），从而防止恶意网站窃取敏感信息。
以下是对 PostMessage 的关键点总结：
| 特性 | 描述 |
| 定义 | 一种跨域通信机制，允许不同源的窗口之间安全地传递数据 |
| 使用方式 | 通过 `window.postMessage()` 发送消息，通过 `message` 事件监听接收 |
| 安全性 | 可以通过检查 `event.origin` 确保消息来源合法 |
| 适用场景 | iframe 通信、多窗口应用、浏览器扩展、单页应用组件间通信 |
| 优点 | 跨域支持好、使用简单、兼容性较强 |
| 缺点 | 需要手动处理消息验证，可能增加代码复杂度 |
使用示例：
发送方（如 iframe 页面）：
```javascript
window.parent.postMessage('Hello from iframe', 'https://parent-domain.com');
```
接收方（如父页面）：
```javascript
window.addEventListener('message', function(event) {
if (event.origin !== 'https://iframe-domain.com') return;
console.log('Received message:', event.data);
});
```
注意事项：
- 在接收消息时，务必验证 `event.origin`，以确保消息来自可信来源。
- 消息内容应尽量简洁，避免传输大量数据。
- 不同浏览器对 PostMessage 的支持略有差异，需注意兼容性问题。
总之，PostMessage 是现代 Web 应用中不可或缺的通信工具，合理使用可以提升用户体验和系统安全性。