localStorage

设置值

// 设置值
localStorage.setItem('name', 'aaron');

// 简化写法
localStorage.name = 'aaron';

取值

// 取值
localStorage.getItem('name')

// 简化写法
localStorage.name

删除

// 删除指定的 key
localStorage.removeItem('name');

// 清空
localStorage.clear();

sessionStorage

设置值

// 设置值
sessionStorage.setItem('name', 'aaron');

// 简化写法
sessionStorage.name = 'aaron'

取值

// 取值
sessionStorage.getItem('name')

// 简化写法
sessionStorage.name

删除

// 删除指定的 key
sessionStorage.removeItem('name');

// 清空
sessionStorage.clear();

localStorage 与 sessionStorage 的区别

sessionStorage localStorage
窗口或标签页关闭失效 持久储存
只在当前窗口或标签页可见 同源窗口或标签页共享

已添加到喜欢了