浏览器中存储数据 localStorage、sessionStorage

本地存储空间 【localStorage】

// 存储数据到 localStorage
localStorage.setItem('key', 'value');

// 从 localStorage 中获取数据
const value = localStorage.getItem('key');

// 从 localStorage 中移除数据
localStorage.removeItem('key');

// 清空 localStorage 中的所有数据
localStorage.clear();

 

会话存储空间【sessionStorage】

// 存储数据到 sessionStorage
sessionStorage.setItem('key', 'value');

// 从 sessionStorage 中获取数据
const value = sessionStorage.getItem('key');

// 从 sessionStorage 中移除数据
sessionStorage.removeItem('key');

// 清空 sessionStorage 中的所有数据
sessionStorage.clear();

 

区别：

localStorage 中存储的数据在页面关闭后仍然保留，直到通过代码或者浏览器设置手动清除。
sessionStorage 中存储的数据在页面会话结束（浏览器窗口关闭）后自动清除。