JavaScript弹窗打开与关闭问题求助：全局变量赋值失败

开发者阿泽

2026-6-25

问题修复方案

核心问题分析

变量名不统一：你声明了全局变量myPopUpHandle，但关闭函数myCloseWnd里用的是未定义的windowObjectReference，打开函数里也没给myPopUpHandle赋值，反而给window对象新增了windowObjectReference属性，导致myPopUpHandle始终为null
事件绑定错误：window.addEventListener的事件名应该是unload，而非onunload
未处理弹窗被拦截的场景：当浏览器拦截弹窗时，window.open会返回null，需要给出明确提示

修正后的完整代码

<head>
  <meta charset="utf-8">
  <title>WndCloseTest</title>
</head>

<body>
  <button type="button" onclick="myOpenWnd()">Open Popup Window</button>
  <button type="button" onclick="myCloseWnd()">Close Popup Window</button>
  <script type='text/javascript'>
    let myPopUpHandle = null;

    // 绑定正确的页面卸载事件
    window.addEventListener("unload", function() {
      myCloseWnd();
    });

    function myCloseWnd() {
      // 检查弹窗实例存在且未被手动关闭
      if (myPopUpHandle && !myPopUpHandle.closed) {
        myPopUpHandle.close();
        // 关闭后重置变量，避免后续无效操作
        myPopUpHandle = null;
      }
    }

    function myOpenWnd() {
      const windowFeatures = "left=100,top=100,width=320,height=320";
      // 直接给全局变量myPopUpHandle赋值
      myPopUpHandle = window.open(
        "https://www.mozilla.org/",
        "mozillaWindow",
        windowFeatures
      );

      if (!myPopUpHandle) {
        console.log("弹窗被浏览器拦截，请允许本站弹出窗口");
        alert("弹窗被浏览器拦截，请允许本站弹出窗口");
      }
    }
  </script>
</body>