javascript：页面刷新时弹出关闭

Question

下面是我的javascript代码。

弹出窗口正在打开，但我的页面正在刷新。现在我必须关闭弹出窗口。我正在尝试将 popupWindow 保存在 localStorage 中。但是当我通过localStorage.getItem("someVarName") 时。我没有得到原始的dom，看起来它已经改变了。 当我的页面正在刷新时，我必须保存 dom。

请建议如何做。

<script language="javascript" type="text/javascript">
  function openPopup(URL) {
    popupWindow = window.open(URL, 'popupWindow', 'height=300,width=450');
    localStorage.setItem("someVarName", popupWindow);
  }

  function closePopup() {
    var popupWindow = localStorage.getItem("someVarName");
    popupWindow.close();
  }
</script>

Answer 1

网络存储存储字符串。您不能在其中存储窗口引用。

不过，您可以存储您使用的名称并通过window.open重复使用：

function openPopup(URL) {
    window.open(URL, 'popupWindow', 'height=300,width=450');
    localStorage.setItem("someVarName", "popupWindow");
}

function closePopup() {
    var name = localStorage.getItem("someVarName");
    if (name) {
        var wnd = window.open("", name);
        wnd.close();
        localStorage.removeItem("someVarName");
    }
}

使用您的页面有权访问的现有窗口的名称调用 window.open 会为您提供对该现有窗口的引用，而不是打开新窗口。

请注意，当窗口未打开时，我是如何从存储中清除名称的，因此我们不会尝试关闭它（自相矛盾的是，这会打开它）。

我的answer to this other question 有一个完整的例子。