记录学习前端知识的旅程【7】

前端之本地存储（数据存储在用户浏览器中）

 

1、window.sessionStorage

生命周期为关闭浏览器，即当关闭浏览器时，存储的数据丢失,数据只能在同一页面使用。

使用方法:

//存储数据
sessionStorage.setItem('key',value)     //key为键值名，value为值

//获取数据
sessionStorage.getItem('key')

//删除数据
sessionStorage.removeItem('key')

//删除所有数据

sessionStorage.clear()

 

2、window.localStorage

生命周期为永久有效（除非手动删除）,即关闭窗口也存在，数据可以在同一浏览器中共享。

使用方法：

//存储数据
localStorage.setItem('key',value)     //key为键值名，value为值

//获取数据
localStorage.getItem('key')

//删除数据
localStorage.removeItem('key')

//删除所有数据

localStorage.clear()