javascript實現父子頁面相互調用

By:授客 QQ：1033553122

場景1 父頁面調用子頁面

如上圖，在iframe子頁面的<script>元素中，定義了taskStatus全局變數，如果希望在其父頁面中獲取該全局變數的值，則可在父頁面的<script>元素中新增js腳本如下：

var taskStatus = document.getElementById('iframe-1-11').contentWindow.taskStatus;

註：這裡iframe-1-11為子頁面iframe id屬性值

註：也可以通過上述方式去調用子頁面定義的全局函數

場景2 子頁面調用父頁面

如上圖，如果希望在iframe子頁面<script>中獲取父頁面當前tab頁面,以獲取tab標簽頁其它信息，可在父頁面的<script>元素中新增js腳本如下：

var currentTab = window.parent.$('#tabs').tabs('getSelected');

# 後續操作

var tabID = currentTab.panel('options').id;

……

說明：此處的#tabs 為easyui tab div容器的id

上述帶背景色部分的js內容為關鍵語法