window.postMessage 是一種跨文檔通信的方法，允許來(lái)自一個(gè)文檔（例如一個(gè)網(wǎng)頁(yè)或Iframe）向另一個(gè)文檔發(fā)送消息。這在Iframe中使用尤其有用，因?yàn)樗试S父頁(yè)面和Iframe之間的安全通信。實(shí)例中在父頁(yè)面點(diǎn)擊按鈕彈出子頁(yè)面窗口，子頁(yè)面窗口關(guān)閉后需要傳遞參數(shù)到父頁(yè)面。

父頁(yè)面

window.addEventListener('message', function(event) {

    if (event.data.action === 'dataFromChild') {

        var id =  event.data.id;

        var sn =  event.data.sn;

        var name =  event.data.name;

        var price =  event.data.price;

        var thumb =  event.data.thumb;

        // 處理數(shù)據(jù)

        console.log(id);

    }

}, false);

子頁(yè)面

$(".sel").click(function(){

      var id = $(this).data("id");

      var sn = $(this).data("sn");

      var name = $(this).data("name");

      var price = $(this).data("price");

      var thumb = $(this).data("thumb");

      window.parent.postMessage({ action: 'dataFromChild', id: id, sn: sn, name: name, price:price, thumb:thumb }, '*');

      var index = parent.layer.getFrameIndex(window.name); //獲取窗口索引

      parent.layer.close(index);  // 關(guān)閉layer

})