已解決430363個問題，去搜搜看，總會有你想問的

如何在iframe和父網站之間進行通信？

關注

首頁猿問如何在iframe和父網站之間進行通信？

JavaScript Html/CSS

慕碼人8056858 2019-07-25 16:44:54

如何在iframe和父網站之間進行通信？iframe中的網站不在同一個域中，但兩者都是我的，我想iframe在父網站之間進行通信?？赡軉?？

查看完整描述

3 回答

慕蓋茨4494581

TA貢獻1850條經驗獲得超11個贊

對于不同的域，無法直接調用方法或訪問iframe的內容文檔。

例如在頂部窗口中：

 myIframe.contentWindow.postMessage('hello', '*');

在iframe中：

window.onmessage = function(e){
    if (e.data == 'hello') {
        alert('It works!');
    }};

如果要將iframe中的消息發布到父窗口

window.top.postMessage('hello', '*')

反對回復 2019-07-25

侃侃無極

TA貢獻2051條經驗獲得超10個贊

它必須在這里，因為2012年接受了答案

在2018年和現代瀏覽器中，您可以將自定義事件從iframe發送到父窗口。

IFRAME：

var data = { foo: 'bar' }var event = new CustomEvent('myCustomEvent', { detail: data })window.parent.document.dispatchEvent(event)

父：

window.document.addEventListener('myCustomEvent', handleEvent, false)function handleEvent(e) {
  console.log(e.detail) // outputs: {foo: 'bar'}}

PS：當然，您可以以相反的方向發送相反方向的事件。

document.querySelector('#iframe_id').contentDocument.dispatchEvent(event)

反對回復 2019-07-25

關注