sessionStorage 是 HTML5 提供的 Web Storage API 之一,用于在会话期间(即浏览器窗口打开的时间)保存数据。sessionStorage 具有 getItem 方法,用于检索存储在会话存储中的数据。以下是 sessionStorage.getItem 的用法: 1. 存储数据: // 将数据存储到会话存储中 sessionStorage.setItem('username', 'john_doe'); sessionStorage.setItem('age', '25'); 2. 获取存储的数据: // 从会话存储中获取数据 const username = sessionStorage.getItem('username'); const age = sessionStorage.getItem('age'); console.log(username); // 输出 'john_doe' console.log(age); // 输出 '25' 注意事项: • 存储的键值对是以字符串形式存储的,如果需要存储对象或其他数据类型,可以使用 JSON.stringify 进行转换。 const user = { name: 'John', age: 25 }; sessionStorage.setItem('user', JSON.stringify(user)); • 在获取存储的数据后,如果存储的是字符串形式的 JSON 数据,可以使用 JSON.parse 进行解析。 const storedUser = sessionStorage.getItem('user'); const parsedUser = JSON.parse(storedUser); console.log(parsedUser.name); // 输出 'John' sessionStorage.getItem 会返回 null,如果键不存在。 const nonExistentKey = sessionStorage.getItem('non_existent_key'); console.log(nonExistentKey); // 输出 null • • 可以使用 sessionStorage.removeItem(key) 方法来移除会话存储中的指定键值对。 sessionStorage.removeItem('username'); • 可以使用 sessionStorage.clear() 方法来清除会话存储中的所有数据。 sessionStorage.clear(); sessionStorage 对象在用户关闭窗口或标签页后会被清除,它是一个在会话期间保持数据的方便的存储解决方案。 本文来源:https://www.wddqw.com/doc/d1d916ea7d21af45b307e87101f69e314232fa71.html