iframe父子页面间数据交互_iframe 交互

1、发送消息
     postMessage(message, targetOrigin,[transfer])
     参数：message：要发送到其他 window的数据
               targetOrigin：发送消息窗口的源（协议+主机+端口号），指定哪些窗口能接收到消息
               transfer：可选（默认false）

2、接收消息
     window.addEventListener("message", function (e) {
          console.log(e)
          console.log(e.data)
                // data：传递来的数据对象
                // source：发送消息的窗口对象
                // origin：发送消息窗口的源（协议+主机+端口号） 
        })

注意：始终使用origin和source属性验证发件人的身份

iframe子页面向父页面发送消息：