如何使用window.postMessage在HTML5网页间传递数据
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文介绍了如何利用Window.postMessage API实现在不同HTML5网页之间的安全数据通信，包括其基本用法及跨域消息处理机制。
估计很少人知道HTML5 API里有一个window.postMessage功能。这个API允许程序员在两个窗口或frames之间发送数据，即使它们来自不同的域。简单来说，它就像是跨域的AJAX通信，但不是浏览器与服务器之间的交互，而是在客户端之间的交流。
我们要先创建一个消息发起端（即源“source”）。作为发起方，我们可以打开一个新的窗口或者创建一个iframe，并往新窗口发送数据。为了简化演示过程，我们每6秒钟向目标窗口发送一次信息，并设置监听器以接收来自目标窗口的反馈信息。
例如：
1. 打开新的窗口：
```javascript
var domain = http://scriptandstyle.com;
var myPopup = window.open(domain + /windowPostMessageListener.html, myWindow);
```
2. 定时发送消息：
```javascript
setInterval(function() {
// 发送数据给目标窗口的代码
}, 6000);
```
以上就是window.postMessage的基本用法，它在除了IE6和IE7之外的所有浏览器中都得到了支持。
全部评论 (0)
还没有任何评论哟~
