JavaScript：在父弹出窗口上添加事件侦听器

我目前正在尝试在父页面中打开的弹出窗口中添加事件侦听器

让我再给你一点解释：iframe中有一个按钮。单击此按钮时，将在调用/保存iframe的父页面中打开一个弹出窗口

这是我的密码：

parent.window.open(url, "MyParentWindowPopUp", "width=1000, height=800");

使用这行代码，我打开父页面中的弹出窗口

当窗口打开时，我必须在其上创建一个侦听器，因此，当我为非父窗口添加一个侦听器时，我将使用以下内容：

if (window.addEventListener) {
    window.addEventListener('message', <?php echo $_htmlId; ?>_receive_message, false);
} else if (window.attachEvent) {
    window.attachEvent('onmessage', <?php echo $_htmlId; ?>_receive_message);
}

if（window.addEventListener）{
addEventListener（'message'，接收消息，false）；
}else if（窗口附件）{
window.attachEvent（'onmessage'，\u receive\u message）；
}

如何将此代码转换为适用于父弹出窗口

提前谢谢

var popup = parent.window.open(/**/);
popup.addEventListener("message", function () {
    console.log("popup window received message");
});
popup.postMessage("foo");

---

.open

提供对窗口的引用。

您可以存储对已打开窗口的引用

var popupWindow = parent.window.open(url, "MyParentWindowPopUp", "width=1000, height=800");

if (popupWindow.addEventListener) {
    popupWindow.addEventListener('message', <?php echo $_htmlId; ?>_receive_message, false);
} else if (popupWindow.attachEvent) {
    popupWindow.attachEvent('onmessage', <?php echo $_htmlId; ?>_receive_message);
}

var popupWindow=parent.window.open（url，“MyParentWindowPopUp”，“宽度=1000，高度=800”）；
if（popupWindow.addEventListener）{
popupWindow.addEventListener（'message'，'u receive'，'u message，false）；
}else if（弹出窗口附件）{
popupWindow.attachEvent（'onmessage'，\u receive\u message）；
}