浏览器本地存储

{
  // 本地存储
  // cookie
  // 用户端保存请求信息的机制
  // 分号分隔的多个key-value字段
  // 存储在本地的加密文件里
  // 域名和路径的限制

  // name:cookie 名称
  // domain:cookie 生效的域名
  // path: cookie 生效的路径
  // expires: cookie 过期时间
  // HttpOnly: 用户端不可更改

  // 浏览器端查看cookie
  document.cookie

  // cookie添加
  document.cookie = 'name=Reson;domain=happymmall.com;path=/index.html;expires:Wed, 13 Nov 2020 01:44:49 GMT'

  // cookie修改
  document.cookie = 'name=Reson1;domain=happymmall.com;path=/index.html'

  // cookie删除 设定过期时间
  document.cookie = 'name=Reson1;domain=happymmall.com;path=/index.html;expires:Wed, 13 Nov 2008 01:44:49 GMT'

  // session
  // 服务端保存请求信息的机制
  // sessionld通常存放在cookie里
  // 会话由浏览器控制，会话结束，session失效

  // localStorage
  // H5新特性
  // 有域名限制，不存在作用域概念
  // 只有key-value
  // 没有过期时间
  // 浏览器关闭后不消失

  // 添加localStorage
  window.localStorage.setItem('name','Rosen');
  window.localStorage.setItem('name',JSON.stringify({name: 'Rosen'}));

  // 查看localStorage
  window.localStorage.getItem('name');

  // 删除localStorage
  window.localStorage.removeItem('name');

  // sessionStorage
  // 和localStorage极其相似
  // 浏览器关闭后消失
  
  // 添加localStorage
  window.sessionStorage.setItem('name','Rosen');
  window.sessionStorage.setItem('name',JSON.stringify({name: 'Rosen'}));

  // 查看localStorage
  window.sessionStorage.getItem('name');

  // 删除localStorage
  window.sessionStorage.removeItem('name');
}