Js 和 iframe 通信

最近项目中要求网站和游戏进行通信，将网站中余额传给iframe，自己查资料后解决了，特地写篇文章记录下，这也是我的第一篇文章-，-

js和 iframe

<div>
    <iframe width="100%" height="800px;" style="border: none;" id="child" :src="iframe_url"></iframe>
</div>

js发送消息

var data = {
	action: 'SWITCH_COIN_TYPE',
    coin_type: this.value
};
window.frames[0].postMessage(data, '*');

js监听cocos.js发送的消息

window.addEventListener('message', function (e) {
    if (e.data.action == "GAME_BACK_HOME") {
    //网站判断要不要显示游戏
        location.reload(false);
        storage.removeItem('index_ifram');
        storage.removeItem('ifram_url');
    } else if(e.data.action == "REFRESH_COIN_VALUE"){
    //游戏中的余额在这里获取
    }
}, false);

ps:第一次写文章还有很多不足之处，欢迎大家指出！