localStorage 和 sessionStorage

  • localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
  • sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

首先检测浏览器是否支持web存储

if(typeof(Storage)!=="undefined")
{
   
    // 是的! 支持 localStorage sessionStorage 对象!
    // 一些代码.....
} else {
   
    // 抱歉! 不支持 web 存储。
}

localStorage的使用方法：
存储跟读取数据：

localStorage.name="Rainbowcoder";
document.getElementById("app").innerHTML="博客名称：" + localStorage.name;

使用 key=“name” 和 value=“Rainbowcoder” 创建一个 localStorage 键/值对。
获取"name" 的值然后将数据通过js插入到 id="app"的元素中。

localStorage几个常用：

保存数据：localStorage.setItem(key,value);
读取数据：localStorage.getItem(key);
删除单个数据：localStorage.removeItem(key);
删除所有数据：localStorage.clear();
得到某个索引的key：localStorage.key(index);

sessionStorage 对象
sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。