MessageChannel

const channel = new MessageChannel(); const output = document.querySelector(".output"); const iframe = document.querySelector("iframe"); // iframe が読み込まれるのを待つ iframe.addEventListener("load", onLoad); function onLoad() { // port1 のメッセージを待ち受けする channel.port1.onmessage = onMessage; // port2 を iframe へ転送する iframe.contentWindow.postMessage("メインページからこんにちは！", "*", [ channel.port2, ]); } // port1 で受け取ったメッセージを処理する function onMessage(e) { output.innerHTML = e.data; }