frame框架之间如何通信/交互？

Question

1. 现有的条件是这样子，左边的菜单列表是初始化加载出来的

2. 右边的头部标签，是当左边点击一个二级菜单的时候，就在右边相应位置生成一个相对应的标签，并加载其内容，类似于浏览器的标签页

上图中，是两个frame，左边为left，右边为main，我要实现的效果是点击右边上面的标签，更新左边frame选中二级菜单的状态。如果不在这个一级菜单下，就打开对应一级菜单并选中其中的二级菜单。

请问框架中，用什么方式可以实现这种效果？（不改变框架布局的情况下）

Answer 1

你可以搜一下 html5 postMessage

发送

parent.postMessage({msg:'hello'}, '*');

第二个参数为url， *：全匹配

接收

window.addEventListener("message", function( event ) {
    // you code
    var msg = event.data.msg;
}, false );

具体不了解你的逻辑，这个应该能解决你的问题。