简使用Web存储

localStorage 和 sessionStorage

localStorage
使用 localStorage 创建一个本地存储的 name/value 对，name=“myName” value=“ZhangSan”, 然后检索 “myName” 的值

// 存储
localStorage.setItem("myName", "ZhangSan")
// 检索
console.log(localStorage.getItem("myName"))
// 删除某个键值对
localStorage.removeItem("myName")
// 清除所有内容
localStorage.clear()

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。
更详细看Window localStorage 属性

sessionStorage
使用 sessionStorage 创建一个本地存储的 name/value 对，name=“myName” value=“ZhangSan”, 然后检索 “myName” 的值

// 存储
sessionStorage.setItem("myName", "ZhangSan")
// 检索
console.log(sessionStorage.getItem("myName"))
// 删除某个键值对
sessionStorage.removeItem("myName")
// 清除所有内容
sessionStorage.clear()

sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。
更详细看Window sessionStorage 属性