localStorage 与 sessionStorage

定义和使用

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。

localStorage 属性是只读的。

localStorage 只支持 string 类型的存储

sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

localStorage 的写入有三种方法:

if(！window.localStorage){ alert("浏览器不支持localstorage"); return false; }else{ var storage=window.localStorage; //写入a字段 storage["a"]=1; //写入b字段 storage.b=1; //写入c字段 storage.setItem("c",3); console.log(typeof storage["a"]); console.log(typeof storage["b"]); console.log(typeof storage["c"]); }


以下实例用于记录点击按钮的次数:

1 if (sessionStorage.clickcount) {
2     sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
3 } else {
4     sessionStorage.clickcount = 1;
5 }
6 document.getElementById("result").innerHTML = "你在按钮上已经点击了 " +
7 sessionStorage.clickcount + " 次。";