There is a very specific use case in which any suggestion to use sessionStorage instead of localStorage does not really help. The use-case would be something as simple as having something stored while you have at least one tab opened, but invalidate it if you close the last tab remaining. If you need your values to be saved cross-tab and window, sessionStorage does not help you unless you complicate your life with listeners, like I have tried. In the meantime localStorage would be perfect for this, but it does the job 'too well', since your data will be waiting there even after a restart of the browser. I ended up using a custom code and logic that takes advantage of both.

I'd rather explain then give code. First store what you need to in localStorage, then also in localStorage create a counter that will contain the number of tabs that you have opened. This will be increased every time the page loads and decreased every time the page unloads. You can have your pick here of the events to use, I'd suggest 'load' and 'unload'. At the time you unload, you need to do the cleanup tasks that you'd like to when the counter reaches 0, meaning you're closing the last tab. Here comes the tricky part: I haven't found a reliable and generic way to tell the difference between a page reload or navigation inside the page and the closing of the tab. So If the data you store is not something that you can rebuild on load after checking that this is your first tab, then you cannot remove it at every refresh. Instead you need to store a flag in sessionStorage at every load before increasing the tab counter. Before storing this value, you can make a check to see if it already has a value and if it doesn't, this means you're loading into this session for the first time, meaning that you can do the cleanup at load if this value is not set and the counter is 0.

试着用

$(window).unload(function(){
  localStorage.clear();
});

希望这对你有用

您可以尝试以下代码删除本地存储:

delete localStorage.myPageDataArr;

为什么不使用sessionStorage?

sessionStorage对象等同于localStorage对象，只是它只存储一个会话的数据。当用户关闭浏览器窗口时，数据将被删除。”

http://www.w3schools.com/html/html5_webstorage.asp

没有这样的方法来检测浏览器关闭，所以可能你不能在浏览器关闭时删除localStorage，但有另一种方法来处理你可以使用sessionCookies，因为它会在浏览器关闭后销毁。这是我在我的项目中实现的。

应该这样做，而不是使用delete操作符:

localStorage.removeItem(key);