sessionStorage和localStorage

发表于 更新于 分类于 本文字数： 704 阅读时长 ≈ 1 分钟

window.sessionStorage

1.生命周期为关闭浏览器窗口
2.在同一窗口(页面)下数据可以共享
3.以键值对的形式存储使用

语法

1
2
3
4
5
6
7
8
9
10
11
12
// 保存数据到 sessionStorage
sessionStorage.setItem('key', 'value');

// 从 sessionStorage 获取数据
let data = sessionStorage.getItem('key');

// 从 sessionStorage 删除保存的数据
sessionStorage.removeItem('key');

// 从 sessionStorage 删除所有保存的数据
sessionStorage.clear();

window.localStorage

1.生命周期永久有效，除非手动删除，否则关闭页面也会存在
2.可以多窗口(页面)共享(同一浏览器可以共享)
3.以键值对的形式存储使用

语法

1
2
3
4
5
6
7
8
9
10
11
12
// 保存数据到 sessionStorage
localStorage.setItem('key', 'value');

// 从 sessionStorage 获取数据
let data = localStorage.getItem('key');

// 从 sessionStorage 删除保存的数据
localStorage.removeItem('key');

// 从 sessionStorage 删除所有保存的数据
localStorage.clear();