本地存储

localStorage

localStorage 不能跨浏览器存储只要不手动删除就会一直存在

• 存储数据:

          localStorage.setItem(数据名,数据值)
          localStorage.数据名=数据值

• 获取数据:

          localStorage.getItem(数据名)
          localStorage.数据名

• 删除某一条数据:

          localStorage.removeItem(数据名)

• 清空所有的数据:

          localStorage.clear()

sessionStorage

只要回话窗口关闭 就会消失

• 存储数据

sessionStorage.setItem(数据名,数据值)
sessionStorage.数据名=数据值

• 获取数据

sessionStorage.getItem(数据名)
sessionStorage.数据名

• 删除某一条数据

sessionStorage.removeItem(数据名)

• 清空所有的数据

sessionStorage.clear()

cookie

可以设置在一定时间段内，显示存储的数据，当时间结束后 就会自动清除

• 设置cookie

document.cookie=”属性名=属性值”

• 修改cookie

document.cookie=”属性名=新的属性值”

• 删除cookie

document.cookie=”属性名= ;expires=过期时间”

• 如果想要cookie保证在一定时间内都可以使用，需要添加expires时间点

document.cookie=”属性名=属性值； expires=”