在日常开发中,经常出现在新开tab页操作完毕后,发送消息更新其他页面的数据。
在此记录一下,以作参考
- 发送消息
window.postMessage({
action : 'refresh' // action : 自定义动作参数,用于接受收消息是的判断
}, '*');
/*
注意:根据发送消息页面,自行判断是否使用 window.parent
*/
- 接收消息
window.addEventListener('message',function(e){
// 可通过e对象,自行获取相关参数
console.log(e);
var _action = e.data.action || '';
switch(_action){
case 'refresh':
console.log('接受到用户发送的消息');
break;
}
})