postMessage 与 dispatchEvent
2018-11-21 本文已影响24人
fangtang0101
- postMessage 主要 是 用于 解决 跨域的问题,返回的参数多了 origin 与 target(window 调用)
window.parent.postMessage({data:"i am fang"},'*')//不需要 事件的名字(message 默认时间名字)
window.addEventListener("message", function(e){
console.log('message ......',e);
}, false);
- dispatchEvent 主要就是 一般的事件
//需要 写入 event 的名字
var event = new Event('message');
event.data = {abc:' message 11111111'};
window.dispatchEvent(event);
window.addEventListener("message", function(e){
console.log('message ......',e);
}, false);
![](https://img.haomeiwen.com/i2090324/983b28e1a2faf8d9.png)