在 JavaScript 中,可以使用 localStorage 和 sessionStorage 存储和访问数据。它们都是 Web Storage API 的一部分,可用于本地存储用户会话数据(如表单数据、用户首选项等)。
localStorage 是用于长期存储的API,存储在其中的数据将在浏览器关闭后仍然保留。而 sessionStorage 只在当前会话期间(即打开同一个浏览器窗口/标签页时)有效,当用户关闭浏览器窗口后,数据将被删除。
以下是使用这两个 API 的基本示例:
// 保存数据到localStorage
localStorage.setItem('myData', 'Hello World!');
// 获取保存在localStorage中的数据
const myData = localStorage.getItem('myData');
console.log(myData); // 输出:'Hello World!'
// 保存数据到sessionStorage
sessionStorage.setItem('myData', 'Hello World!');
// 获取保存在sessionStorage中的数据
const myData = sessionStorage.getItem('myData');
console.log(myData); // 输出:'Hello World!'
需要注意的是,存储在 localStorage 和 sessionStorage 中的数据都是以键值对的形式进行存储。在使用 getItem() 方法获取存储的数据时,需要提供与 setItem() 方法中使用的相同的键名字。此外,还可以使用 removeItem() 方法从本地存储中删除特定键名字的数据。
需要注意的是,存储在 localStorage 和 sessionStorage 中的数据都是以键值对的形式进行存储。在使用 getItem()
方法获取存储的数据时,需要提供与 setItem()
方法中使用的相同的键名字。此外,还可以使用 removeItem()
方法从本地存储中删除特定键名字的数据。
希望这些解释能够帮助您理解如何使用 localStorage 和 sessionStorage 在 JavaScript 中存储和检索数据。