JQuery javascript實現父子頁面相互調用

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內容爲關鍵語法