文档介绍：HTML5 window/iframe跨域传递消息 API介绍
HTML5 的 接口API 还没有多少人了解。 window/frame之间跨域传递数据和信息。,当然,并不需要远程服务器来协作。,以及如何在FireFox,IE8+,Opera,Safari和Chrome中使用它.
一、消息发送端
整个过程的第一步,是设定一个”消息源”。通过这个消息源,我们可以往新打开的window(或者iframe)发送window级别的数据(消息)。在下面的示例中,给新窗口发送消息的频率是每6秒一次,并设置事件监听来处理目标window返回的响应信息。
代码如下:
function trace(message){
var infos = (arguments,0).join(““);
if(“console” in window){
(infos);
} else {
alert(infos);
}
};
// 创建弹出窗口
var domain =
‘’;
var myPopup = (domain + ‘/’,’myWindow’);
// 定时发送消息
setInterval(function(){
var message = ‘现在时间: ‘+ (new Date().getTime());
trace(‘: ‘+ message);
(message,domain); //发送数据信息,并设置目标URI
},6*1000);
function bindEvent(target,noOnEventName,handler){
if(){
(noOnEventName,handler);
} else if(){
// IE 的监听设置函数是attachEvent
(
“on”+noOnEventName,handler);
} else {
target[“on”+noOnEventName]=handler;
}
};
// 监听收到的信息.
bindEvent(window,’message’,function(event) {
// 只接收特定域的消息
if( !== ‘’) return;
trace(‘收到的响应信息: ‘,);
},false);
,但是在IE下将会报错(IE是window.