iframe子頁面和父頁面如何傳值通信

業務場景，在index.html的主頁面中，我們希望嵌套子頁面，這時候就涉及到父子頁面的通信問題。

以下的都是在同域的基礎上的：

1.相互獲取dom元素

1.1 在父頁面獲取子頁面的dom元素：

　　document.getElementById('iframe_id).contentWindow.document.getElementById('domId');

　　//先獲取iframe的Id,再在iframe所在的document找dom元素，根據id查找；

1.2 子頁面獲取父頁面的dom元素

　　window.parent.document.getElementById('mask_id'); //window.parent可以回到父頁面

2.相互調用方法

父頁面調用子頁面方法：iframeName.window.childMethod();

子頁面調用父頁面方法：parent.window.parentMethod();

 

3.相互調用變量

子頁面訪問父頁面變量：parent.父頁面變量；

父頁面訪問子頁面變量： document.getElementById('iframe_id).子頁面變量；