每次刷新后的Init localStorage

Question

每次用户按F-5进行刷新时，我都要初始化localStorage对象。

我能做这样的事吗？

localStorage对象通过setItem和getItem方法工作得很好。但是，我想知道是否可以在每次刷新操作时插入这个对象。

例如:我的应用程序中有两个不同的页面。A.js和B.js.在加载B.js时，我设置了localStorage：

var id = getId();
window.localStorage.setItem("Id", id );

在此之后，当我点击一个按钮进入A.js时，我正在这样做：

var selectedId = window.localStorage.getItem("Id");

if (selectedId !== null){
    var intSelectedId = parseInt(selectedId );
   //DO LOGIC
 }

我想删除("Id"，id)键值对每次刷新。我该怎么做呢？

Answer 1

也许像这样？

//declare in global scope
var myinitvalue = "blah";
//handle what happens just before page unloads
window.onbeforeunload = function() {
    window.localStorage.setItem("Id", myinitvalue);
}

不幸的是，这样做的副作用是，如果关闭浏览器选项卡或单击后退按钮，则该值也将重置。

Answer 2

如果要在加载页面后使用键Id删除项，请执行

window.onload=function(){
   localStorage.removeItem("Id");
}