浏览器跨标签页通信

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);//发送的数据
};

2.LocalStorage、cookies等本地存储方式