HTML存储

web存储
1.cookie : 有时间限制 存储大小 几kb
2.localStorage ： 没有时间限制 只要不手动清除 就一直存在 存储大小几 Mb
3.sessionStorage ： 没有时间限制 页面关闭后自动清除 存储大小几 Mb

sessionStorage 方法和localStorage一样
存数据 setItem(key,value) value只能是基本类型
存放引用类型需要用到 JSON.stringify（）

// sessionStoraage   web存储
// 存数据   setItem(key,value)  value只能是基本类型
let set = document.getElementById('set')
set.onclick = function () {
  var obj = {
    name: 'zj'
  }
  sessionStorage.setItem('key', 'woshi666')
  sessionStorage.setItem('key2', JSON.stringify(obj))

取数据 getItem（key）
获取引用类型的数据需要 JSON.parse

//取数据  getItem（key）
// 获取引用类型的数据需要  JSON.parse
let get = document.getElementById('get')
get.onclick = function () {
  console.log(sessionStorage.getItem('key'))
  console.log(JSON.parse(sessionStorage.getItem('obj')));
}

移除数据 removeItem（key）

// 移除数据  removeItem（key）
let remove = document.getElementById('remove')
remove.onclick = function () {
  console.log(sessionStorage.removeItem('key1'));
  console.log(sessionStorage.removeItem('obj'));
}

清除数据 clear（）

let clear = document.getElementById('clear')
clear.onclick = function () {
  sessionStorage.clear()
}

localStorage 属性同上 面的sessionStorage