Question

html5 postmessage 是通过什么方式传参

Answer 1

html5 postmessage的传参使用方法：

1、在html5中，要实现跨域页面间的数据互访，需要调用对象的postMessage方法，其调用格式如下：

参数说明如下：

• 参数otherWindow为接收数据页面的引用对象，可以是window.open的返回值，也可以是iframe的contentWindow属性或通过下标返回的window.frames单个实体对象；

• 参数message表示所有发送的数据，字符类型，也可以是JSON对象转换后的字符内容；

• 参数targetOrigin表示发送数据的URL来源，用于限制otherWindow对象接受范围，如果该值为通配符*号，则表示不限制发送来源，指向全部的地址。

2、下面通过实例介绍使用PostMessage()方法实现跨文档传输数据的过程。

Answer 2

window.addEventListener('message', onMessage, false);
var onMessage = function(){
console.log(e, e.data);
if(e.origin !="`"){
return false;
}
// 消息处理...
}