能者 发表于 2023-9-24 16:00:01

JavaScript实现浏览器的本地存储

在JavaScript中,你可以使用浏览器的本地存储来存储和检索数据。有两种主要的本地存储机制可以使用:localStorage 和 sessionStorage。

localStorage
`localStorage` 提供了一个持久化存储的解决方案,数据将一直保存在浏览器中,即使用户关闭了浏览器也不会丢失。以下是如何使用 `localStorage` 的示例代码:
// 存储数据到localStorage
localStorage.setItem('key', 'value');

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

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

// 清空整个localStorage
localStorage.clear();


sessionStorage
与 `localStorage` 不同,`sessionStorage` 提供了一个会话级别的存储解决方案。数据只在当前会话期间存在,当用户关闭标签页或浏览器时,数据就会被清除。以下是如何使用 `sessionStorage` 的示例代码:
// 存储数据到sessionStorage
sessionStorage.setItem('key', 'value');

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

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

// 清空整个sessionStorage
sessionStorage.clear();


无论是 `localStorage` 还是 `sessionStorage`,存储的数据都是以键值对的形式保存的。你可以根据需要存储字符串、数字等各种类型的数据

页: [1]
查看完整版本: JavaScript实现浏览器的本地存储