js iframe父子页面联动

遇到个大屏展示的需求，需要点击地图上区域周围图表跟着更新，使用的是iframe嵌入页面的方式，需要父子页面进行联动，流程是点击子页面地图，调用父页面init方法，通过父页面方法调用其他子页面方法进行数据的加载，实际代码如下

父页面iframe

<div style="height:70%;">
    <iframe src="./Cockpit_2.jsp" name="Cockpit_2" scrolling="no" frameborder="0" style="border: 0; width: 100%; height: 100%;"></iframe>
</div>

子页面js如下

function fLoadData(departCode, area){
    window.parent.init(departCode, area);
}

父页面js如下

function init(departCode, area) {
    // 调用子iframe的方法，联动
    // iframeName属性名.window.子页面方法名
    Cockpit_2.window.init(departCode, area);
}

其他子页面js如下

function init(departCode, area) {
    alert("子方法")
}