定义和使用
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 + " 次。";