本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能数据以 键/值 对存在, web网页的数据只允许该网页访问使用。

cookie

Cookie，有时也用其复数形式 Cookies。类型为“小型文本文件”，是某些网站为了辨别用户身份，进行Session跟踪而储存在用户本地终端上的数据（通常经过加密），由用户客户端计算机暂时或永久保存的信息。
JavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookie。
Cookie可以存储4kb。
JavaScript 中，创建 cookie 如下所示：

  1. document.cookie="username=John Doe";

您还可以为 cookie 添加一个过期时间（以 UTC 或 GMT 时间）。默认情况下，cookie 在浏览器关闭时删除：

  1. document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT";

您可以使用 path 参数告诉浏览器 cookie 的路径。默认情况下，cookie 属于当前页面。

  1. document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";

web存储

客户端存储数据的两个对象为：

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

    localStorage 对象

    localStorage 对象存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。
    1. localStorage.getItem(key);  //获取
    2. localStorage.setItem(key,value);  //添加
    3. localStorage.removeItem(key); //删除
    4. localStorage.clear(); //删除全部

    sessionStorage 对象

    sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。
    1. sessionStorage.getItem(key);  //获取
    2. sessionStorage.setItem(key,value);  //添加
    3. sessionStorage.removeItem(key); //删除
    4. sessionStorage.clear(); //删除全部