js-window.postMessage

window.postMessage是HTML5中新增的一个API(不能低于IE8),postMessage方法允许来自不同源的脚
本采用异步方式进行有限的通信 ,使其可以实现跨文本档、多窗口、跨域消息传递,这个API为 window 对象
新增了一个window.postMessage方法,允许跨窗口通信,无论当前两个窗口否是同源。

一、postMessage( val1, val2 )
1 val1:传递的信息对象
2 val2:接受信息的窗口源(origin)协议+域名+端口号,如果设置为” * “表示不限制窗口源,向所有窗口源发送。

二、CODE

  • 父级页面给子级页面传参
//a.html

    

LEFT

//b.html

    

我是子级页面

js-window.postMessage_第1张图片
父页面给子级页面传参.png
  • 子级页面给父级页面传参
//a.html

    
//b.html

    
    

js-window.postMessage_第2张图片
子级页面给父级页面传参数.png
  • 完整的两个窗口通信
//a.html

    

LEFT

//b.html

我是子级页面

你可能感兴趣的:(js-window.postMessage)