js:window消息监听

    技术2022-07-11  92

    在日常开发中,经常出现在新开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; } })
    Processed: 0.010, SQL: 9