使用HTML 5 postMessage

HTML5中最酷的新功能之一就是 跨文档消息传输Cross Document Messaging。下一代浏览器都将支持这个功能：Internet Explorer 8, Firefox 3, Opera 9, 和 Safari nightly 。 Facebook已经使用了这个功能，用postMessage支持基于web的实时消息传递。

Austin Chau 发布了一些简单的例子和博客文章，显示使用这个功能使用起来非常简单。在例子中，Austin创建了两个iframes使用postMessage来通讯，传递鼠标的坐标：

window.document.onmousemove = function(e) {  
  var x = (window.Event) ? e.pageX : window.event.clientX;  
  var y = (window.Event) ? e.pageY : window.event.clientY;  

  // this send data to the second iframe of the current page  
  window.parent.frames[1].postMessage('x = ' + x + ' y = ' + y, '*');        
};  

var onmessage = function(e) {  
  var data = e.data;  
  var origin = e.origin;  
  document.getElementById('display').innerHTML = data;  
};  

if (typeof window.addEventListener != 'undefined') {  
  window.addEventListener('message', onmessage, false);  
} else if (typeof window.attachEvent != 'undefined') {  
  window.attachEvent('onmessage', onmessage);  
} 

如果你也想使用HTML 5 postMessage做通讯，可以查看 源代码 和 博客文章。