javascript - 如何使用angularjs区分浏览器关闭和刷新？

Question

我存储了 employeeid 的本地存储。当我刷新浏览器时，获取本地存储值，例如基于 employeeid 的 employeeid 获取一些数据。当我关闭浏览器时，我想通过使用 angularjs 或 javascript 清除本地存储中的 employeeid。我尝试了以下代码。

window.onunload = close;
    function close() {
        //// do something...
        localStorage.clear();
        return null;
    }

在上面的代码中，当我刷新浏览器时也触发了 window.onunload 并清除了本地存储值，但我只想在浏览器关闭时清除本地存储。

Answer 1

如果您不需要它跨不同的窗口/选项卡工作，那么您应该使用 sessionStorage 而不是 localStorage。

在 localStorage 中存储的内容是“永久的”，sessionStorage 仅在窗口/选项卡关闭之前存储值，类似于“ session cookie”，即设置没有任何生命周期——它只会在浏览器关闭之前一直存在(但当您的网站在多个选项卡中打开时，它将在不同的选项卡中可用。)

在这些问题中可以找到更多细节:
What is the difference between localStorage, sessionStorage, session and cookies?
HTML5 Local storage vs. Session storage