iframe子頁面與父頁面通訊

父頁面html：

iframe.html頁面:

關鍵點：

父親訪問孩子頁面：window["framename"]-------返回iframe頁面的window物件【js中定義的方法和變數都做為window物件的屬性存在】

iframe訪問父親頁面:parent-----代表父親的window物件

html和iframe的跨域通訊

父html：

var frm = document.getelementbyid("chat-panel");

frm.contentwindow.postmessage("hello","*");

iframe.html

window.addeventlistener("message", function (e) , false);

iframe 子頁面與父頁面通訊

iframe子頁面與父頁面通訊根據iframe中src屬性是同域鏈結還是跨域鏈結，通訊方式也不同。一 同域下父子頁面的通訊 父頁面呼叫子頁面方法 framename.window.childmethod 子頁面呼叫父頁面方法 parent.window.parentmethod 獲取到頁面的wind...

iframe子頁面與父頁面js通訊

父頁面呼叫子頁面方法 framename.window.childmethod 子頁面呼叫父頁面方法 parent.window.parentmethod 獲取到頁面的window.document物件後，即可訪問dom元素 注意事項 要確保在iframe載入完成後再進行操作，如果iframe還未載...

iframe子頁面與父頁面之間通訊

父頁面parent.html function say function callchild script head iframe body html 子頁面child.html function say function callparent script head body html 方法呼叫 ...