本文主要包含HTML5,iframe,跨域传递消息等相关知识,匿名希望在学习及工作中可以帮助到您
原文地址：HTML5′s window.postMessage API
在线示例：Using HTML5's window.postMessage(请打开控制台看日志)
我写了一个 MooTools 的插件"PostMessager"来封装window.postMessage,你可以点击这里下载!
HTML5 的 window.postMessage 接口API 还没有多少人了解。 window.postMessage允许多个 window/frame之间跨域传递数据和信息。实质上window.postMessage扮演了一个跨域Ajax请求的角色,当然，并不需要远程服务器来协作。接下来将介绍window.postMessage的工作原理,以及如何在FireFox，IE8+，Opera，Safari和Chrome中使用它.
一、消息发送端
整个过程的第一步，是设定一个"消息源"。通过这个消息源，我们可以往新打开的window(或者iframe)发送window级别的数据(消息)。在下面的示例中，给新窗口发送消息的频率是每6秒一次，并设置事件监听来处理目标window返回的响应信息。
window.postMessage 很像JavaScript技术中的PHP(哈哈，小广告！).window.postMessage 算是一种很酷炫的技术，你觉得呢？
在线示例：Using HTML5's window.postMessage(请打开控制台看日志)
我写了一个 MooTools 的插件"PostMessager"来封装window.postMessage,你可以点击这里下载!
HTML5 的 window.postMessage 接口API 还没有多少人了解。 window.postMessage允许多个 window/frame之间跨域传递数据和信息。实质上window.postMessage扮演了一个跨域Ajax请求的角色,当然，并不需要远程服务器来协作。接下来将介绍window.postMessage的工作原理,以及如何在FireFox，IE8+，Opera，Safari和Chrome中使用它.
一、消息发送端
整个过程的第一步，是设定一个"消息源"。通过这个消息源，我们可以往新打开的window(或者iframe)发送window级别的数据(消息)。在下面的示例中，给新窗口发送消息的频率是每6秒一次，并设置事件监听来处理目标window返回的响应信息。
window.postMessage 很像JavaScript技术中的PHP(哈哈，小广告！).window.postMessage 算是一种很酷炫的技术，你觉得呢？