1. Broadcast Channel
该方式在同一原始域和用户代理下,所有窗口、iframe之间都可以进行交互。
(1) 父页面发送数据
var broadcastChannel = new BroadcastChannel('msg');
broadcastChannel.postMessage({
value: $("#msg").val()
})
(2) 子页面接收数据
var broadcastChanne = new BroadcastChannel('msg'); //要接收到数据,BroadcastChannel对象的名字必须相同
broadcastChanne.onmessage = function(e){
console.log(e.data);//发送的数据
};