iframe（父窗口与子窗口相互调用要素事件）

作者：WJH

js父窗口如何获取子窗口的要素：

var labels = document.getElementById('iframe的id').contentWindow.document.getElementById('子窗口某个要素的id'').getElementsByTagName("子窗口某个标签，例如label");
           

添加点击事件。例如在父窗口调用子窗口的某个要素中的第二个标签：

labels[2].click();
           

激活点击事件之后，就会同步调用第二个标签相关的方法-例如：

$('input[type=radio][name=gkdyType]').change(function() {
    	LayerSwitch(this.value);
    });
           

js子窗口如何获取父窗口的要素：

var labels = window.parent.document.getElementById('父窗口某个要素的id'').getElementsByTagName('子窗口某个标签，例如span');
           

其余步骤与以上一致。

说明：点击父窗口的标签，改变子窗口的地图显示的数据，以及图例选中的某个标签。相反，点击子窗口的图例上的标签，则改变父窗口标签的选中状态。

其效果如下：