JavaScript 本地存储

JavaScript 的本地存储可以通过多种方式实现，其中最常用的两种方式是 localStorage 和 sessionStorage。

1.localStorage：存储的数据没有过期时间，也就是说，除非手动删除，否则数据会一直存在。2.sessionStorage：存储的数据只在当前浏览器窗口或选项卡的生命周期内存在，一旦窗口或选项卡关闭，数据就会被清除。

以下是如何使用这两种存储方式的示例代码：

localStorage

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

// 获取数据
var data = localStorage.getItem('key');
console.log(data); // 输出 'value'

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

sessionStorage

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

// 获取数据
var data = sessionStorage.getItem('key');
console.log(data); // 输出 'value'

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

请注意，这些存储方法只能存储字符串类型的数据。如果你想存储其他类型的数据（如对象或数组），你需要先将它们转换为字符串。例如：

javascriptvar obj = { name: 'John', age: 30 };
localStorage.setItem('user', JSON.stringify(obj)); // 将对象转换为字符串并存储
var retrievedObj = JSON.parse(localStorage.getItem('user')); // 获取数据并转换回对象