javascript实现父子页面相互调用

场景1 父页面调用子页面

如上图，在iframe子页面的元素中，定义了taskStatus全局变量，如果希望在其父页面中获取该全局变量的值，则可在父页面的<script>元素中新增js脚本如下：</span></div><div><span class="lake-fontsize-1515"><strong>var </strong>taskStatus = <strong>document</strong>.getElementById(<strong>'iframe-1-11'</strong>).<strong>contentWindow</strong>.taskStatus;</span></div><div><span class="lake-fontsize-1515"> </span></div><div><span class="lake-fontsize-1515">注：这里<strong>iframe-1-11</strong>为子页面iframe id属性值</span></div><div><span class="lake-fontsize-1515"> </span></div><div><span class="lake-fontsize-1515">注：也可以通过上述方式去调用子页面定义的全局函数</span></div><h1 id="pw9yq"><span class="lake-fontsize-1515">场景2 子页面调用父页面</span></h1><div><span class="lake-fontsize-1515">如上图，如果希望在iframe子页面<script>中获取父页面当前tab页面,以获取tab标签页其它信息，可在父页面的<script>元素中新增js脚本如下：</span></div><div><span class="lake-fontsize-1515"><strong>var </strong>currentTab = <strong>window</strong>.<strong>parent</strong>.<strong>$</strong>(<strong>'#tabs'</strong>).tabs(<strong>'getSelected'</strong>);</span></div><div><span class="lake-fontsize-1515"> </span></div><div><span class="lake-fontsize-1515"><strong># </strong><strong>后续操作</strong></span></div><div><span class="lake-fontsize-1515"><strong>var </strong>tabID = currentTab.panel(<strong>'options'</strong>).id;</span></div><div><span class="lake-fontsize-1515">……</span></div><div><span class="lake-fontsize-1515">说明：此处的<strong>#tabs </strong>为easyui tab div容器的id</span></div><div><span class="lake-fontsize-1515"> </span></div><div><span class="lake-fontsize-1515"> </span></div><div><span class="lake-fontsize-1515">上述带背景色部分的js内容为关键语法</span></div><div><span class="lake-fontsize-1515"> </span></div>