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");
}

每次刷新后初始化localStorage

2 个答案: