js-前端存储之sessionStorage

1.使用场景

   sessionStorage 是 Web Storage API 提供的一种客户端存储机制，用于在浏览器中保存会话级别（session-level）的数据。与 localStorage 不同，sessionStorage 中存储的数据在用户关闭标签页或浏览器窗口时会被清除。

2.使用方法

        使用 sessionStorage 对象来存储键值对数据，并在当前会话期间访问这些数据。以下是一些常见的 sessionStorage 方法：

• sessionStorage.setItem(key, value): 将键值对数据存储到会话存储中。
• sessionStorage.getItem(key): 获取指定键对应的值。
• sessionStorage.removeItem(key): 从会话存储中移除指定键及其对应的值。
• sessionStorage.clear(): 清空会话存储中的所有数据。

3.示例 

// 将数据存储到会话存储中
sessionStorage.setItem('username', 'johnDoe');

// 从会话存储中获取特定键对应的值
const username = sessionStorage.getItem('username');
console.log(username); // 输出 'johnDoe'

// 从会话存储中移除指定键及其对应的值
sessionStorage.removeItem('username');

// 清空会话存储中的所有数据
sessionStorage.clear();

        需要注意的是，sessionStorage 中存储的数据仅在当前会话期间有效。如果用户关闭标签页或浏览器窗口，这些数据将被清除。

sessionStorage.setItem与sessionStorage.getItem

        sessionStorage.getItem 是 Web Storage API 中的一种方法，用于从会话存储中获取特定键对应的值。会话存储（session storage）是浏览器提供的一种存储机制，可以在当前会话期间（即在同一个标签页或窗口打开的情况下）保存数据。

// 将数据存储到会话存储中
sessionStorage.setItem('username', 'johnDoe');

// 从会话存储中获取特定键对应的值
const username = sessionStorage.getItem('username');
console.log(username); // 输出 'johnDoe'

        使用 sessionStorage.setItem 方法将键为 'username' 的值设置为 'johnDoe'。然后使用 sessionStorage.getItem 方法来获取键为 'username' 的值，并将其赋给变量 username。