跨文档消息传送
简称XDM,指来自不同域的页面间传递消息XDM核心方法为postMessage()。
山东编程培训告诉你postMessage()方法接受两个参数,一条消息和一个表示消息接收方的域名字符串,第二个参数也可以是“*”,代表任何域
var iframe=document.getElementById(“myfram”)。contentWindow;
iframe.postMessage(“a message”,“http://www.baidu.com”);
接收到XDM的消息时,触发window的message事件,传递给onmessage处理程序的事件包含3个信息
data:作为postMessage(),第一个参数传入的字符串数据
origin:发送文档所在的域
source:发送消息的文档的window对象代理。
请看代码
window.onmessage=function(event){
console.log(event.data)
event.source.postMessage(“aaa”,“http://www.baidu.com”)
}
注意:event.source只是window对象代理,并非实际的window对象
更多山东编程培训相关资讯,请扫描下方二维码