在Web开发中，跨域通信是实现不同域名下资源相互作用的一个重要技术。由于浏览器安全限制，传统的跨域请求受到同源策略（Same-origin policy）的限制，因此HTML5提出了window.postMessage()这个API，允许安全地在不同域之间进行通信。
JavaScript利用window.postMessage实现跨域通信，首先需要了解的是同源策略：当两个页面具有相同的协议、端口和主机名时，我们说这两个页面具有相同的源。同源策略是一种安全机制，它限制了不同源之间的文档或脚本间的交互。这意味着，例如，如果页面来自不同的域，那么一个页面上的JavaScript将无法读取另一个页面的DOM或Cookie等信息，也无法发送AJAX请求。
window.postMessage()为这一问题提供了解决方案。使用postMessage()方法，可以向另一个窗口发送消息。前提是这两个窗口都必须同意使用postMessage()进行通信。这两个窗口可以属于不同的源，包括协议、端口和域名都可能不相同。
postMessage()方法的使用方式如下：
```javascript
otherWindow.postMessage(message, targetOrigin);
```
这里，`otherWindow`指的是要通信的目标窗口，可以是通过window.frames属性访问的iframe窗口，或者是通过window.open()方法打开的新窗口。`message`参数是要发送的数据，它可以是字符串或对象（但IE8和IE9只支持字符串）。`targetOrigin`参数用于限定接收消息的窗口，如果不想限定目标窗口，可以使用' * '。
在接收信息窗口中，需要注册一个监听消息的事件处理函数，如下：
```javascript
window.addEventListener('message', function(event) {
var data = event.data; // 消息内容
var origin = event.origin; // 消息来源地址
var source = event.source; // 消息来源窗口对象
// 对消息进行处理...
});
```
在IE6和IE7浏览器中，因为不支持addEventListener()方法，可以使用attachEvent()作为替代。同时需要注意的是，为了安全，应当检查event.origin是否是可信的源。
window.postMessage()方法的优点是强大且灵活，但是需要注意安全问题。不应该接收来自未知域的消息，也不应该发送敏感数据而不进行适当的验证。
需要注意的是，IE8和IE9在使用postMessage时存在一些限制，如仅支持字符串类型的message参数，这时候可以通过JSON对象和字符串之间的转换来解决兼容性问题。对于IE6和IE7，可以考虑使用window.name保存数据的跨域通信方案，这是因为window.name属性在页面URL改变后依然保持不变。
此外，通过iframe和location.hash也能实现跨域通信，但其局限性在于数据暴露在URL中，且数据容量和类型受限。FlashLocalConnection提供了一种在不同应用程序之间进行通信的方式，即使它们不是同一域下的，只要它们运行在同一客户端上。
总而言之，postMessage()作为HTML5中引入的一个API，为跨域通信提供了一种安全和灵活的方法。它不仅可以用于常规的跨域场景，还可以应对各种复杂的需求，比如动态代理的跨域通信，以及IE浏览器下的兼容性问题。开发人员在使用时需要特别注意安全性问题，以及针对不同浏览器环境下的兼容性调整。
