HTML5 Web存储（localStorage与sessionStorage）

在HTML5中，Web存储提供了一种机制，可以使用JavaScript在用户的浏览器中本地保存数据。这些数据不会随着用户的访问而消失，除非手动删除。

localStorage和sessionStorage是两种主要的Web存储技术。

1. localStorage

   localStorage是一个长期存储数据的方法，除非主动删除数据，否则数据不会消失。

// 存储
localStorage.setItem('key', 'value');
// 获取
let data = localStorage.getItem('key');
// 删除
localStorage.removeItem('key');
// 清除所有
localStorage.clear();

2. sessionStorage

   sessionStorage是一个会话级存储数据的方法，数据在浏览器关闭后会消失。

// 存储
sessionStorage.setItem('key', 'value');
// 获取
let data = sessionStorage.getItem('key');
// 删除
sessionStorage.removeItem('key');
// 清除所有
sessionStorage.clear();

注意：localStorage和sessionStorage只能存储字符串。如果要存储对象，需要先用JSON.stringify()将对象转换为字符串，读取时使用JSON.parse()将字符串转换回对象。

// 存储对象
let obj = {name: 'John', age: 30};
localStorage.setItem('user', JSON.stringify(obj));
// 获取对象
let user = JSON.parse(localStorage.getItem('user'));

以上就是HTML5 Web存储的两种方法，localStorage和sessionStorage。