首页sessionstorage存取数据

sessionstorage存取数据

时间: 2025-04-20 18:10:01 浏览: 26

### 使用 `sessionStorage` 进行数据存储和读取在 JavaScript 中，`sessionStorage` 提供了一种简单的 API 来保存客户端的数据。这些数据仅在一个会话期间有效，在浏览器标签页或窗口关闭后会被清除。 #### 存储数据到 `sessionStorage` 要向 `sessionStorage` 添加数据项，可使用 `setItem()` 方法： ```javascript // 将字符串形式的数据存入 sessionStorage sessionStorage.setItem('username', 'Alice'); ``` 对于复杂对象，则需先将其转换成 JSON 字符串再储存： ```javascript var user = { name: "Bob", age: 28, hobbies: ["reading", "coding"] }; sessionStorage.setItem('userProfile', JSON.stringify(user)); ``` #### 获取 `sessionStorage` 数据通过调用 `getItem()` 可以检索之前存储的信息： ```javascript // 获取简单类型的值 console.log(sessionStorage.getItem('username')); // 输出 Alice // 对于复杂的结构化数据，需要解析回原始格式 var userProfileString = sessionStorage.getItem('userProfile'); if (userProfileString !== null) { var userProfileObject = JSON.parse(userProfileString); console.log(userProfileObject.name); // 输出 Bob } ``` #### 删除单个条目或全部清理如果不再需要某些特定项目，可以通过 `removeItem()` 移除它们；而想要一次性移除所有内容，则应采用 `clear()` 函数： ```javascript // 单独删除某一项 sessionStorage.removeItem('username'); // 清理整个 sessionStorage sessionStorage.clear(); ``` 以上就是关于如何利用 `sessionStorage` 实现基本操作的具体说明[^3]。

阅读全文