iframe 【postMessage和onmessage】

postMessage和onmessage是HTML5的方法，用来解决跨页面通信，或者通过iframe嵌套的不同页面的通信的。postMessage为发送方，onmessage为接收方。

1.子传父

子页面中

html页面添加一个按钮

 

  <button id="btn">子页面的按钮</button>

 

在js中使用 window.parent.postMessage(date,origin)方法进行跨源传递。

第一个参数代表的是数据，第二个参数代表地址，* 代表全部地址。

 

 <script>

            document.getElementById('btn').onclick = function () {

                window.parent.postMessage(

                    {

                        msg: { a: '回首掏，哟', b: '鬼刀一开看不见！'}

                    },

                    '*'

                );

            };

</script>

父页面中

在html中

 

<iframe src="./son.html" frameborder="0" name="myframe" id="myframe">&l