postmessage解决iframe跨域嵌套，调用父页面方法【跨页面通信】

粒子：父页面属于服务器地址，子页面属于本地地址
parent.html

<div>
       <iframe  src="http://localhost:8081" id="iframe" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" >iframe> 
div> 

parent.js

window.addEventListener('message',function(e){
            console.log(e);//{data:'params'}
 });//本人使用vue脚手架，实际场景根据使用而定

child.js

window.parent.postMessage({
    data:"params"
},'*');

postMessage(data,origin)    //两个参数
data    //需要传递的参数
origin  //发送消息窗口的源（协议+主机+端口号） [也可以设置'*']
        //指向当前的父窗口