一. localstorage 和 sessionstorage

1. 首先要判断浏览器是否支持 localStorage / sessionStorage
   比如判断 localStorage

if (window.localStorage) {
    alert('浏览支持 localStorage');} else {
    alert('浏览暂不支持 localStorage');}

2. localStorage 和 sessionStorage 都具有相同的操作方法，例如 setItem()、getItem() 和 removeItem() 等

• 储存数据
  用途: 将 value 存储到 key 字段
  用法: setItem( key, value)
  代码示例

sessionStorage.setItem('key', 'value');
localStorage.setItem('key', 'value');

• 取出数据
  用途: 获取指定 key 本地存储的值
  用法: getItem(key)
  代码示例

sessionStorage.getItem('key');
localStorage.getItem('key');

• 修改数据
  用途: 修改指定 key 本地存储的值
  用法: setItem(key)
  代码示例

sessionStorage.setItem('key', 'newVal');
localStorage.setItem('key', 'newVal');

• 删除数据
  用途: 删除指定 key 本地存储的值
  用法: removeItem(key)
  代码示例

sessionStorage.removeItem('key');
localStorage.removeItem('key');

• 清除数据
  用途: 清除所有本地存储的数据
  用法: clear()
  代码示例

sessionStorage.clear();localStorage.clear();