sessionStorage 储存数据 取出数据
时间: 2024-06-22 16:04:18 浏览: 165
使用JS获取SessionStorage的值
`sessionStorage` 是浏览器提供的一种存储机制,用于在用户会话期间(即当前浏览器窗口打开期间)存储数据,数据将在用户关闭浏览器标签或窗口后失效,但不会被清除,直到浏览器完全退出。相比于 `localStorage`,`sessionStorage` 的生命周期更短,更适合临时存储不需要长期保留的数据。
以下是关于 `sessionStorage` 存储和取出数据的基本步骤:
1. 存储数据(set或setItem):
```javascript
sessionStorage.setItem(key, value);
```
这里,`key` 是一个唯一的字符串标识,`value` 是要存储的数据。例如:
```javascript
sessionStorage.setItem("username", "JohnDoe");
```
2. 取出数据(get或getItem):
```javascript
var storedValue = sessionStorage.getItem(key);
```
使用 `key` 来检索对应的值,如果找到则返回该值,否则返回 `null` 或 `undefined`。
3. 删除数据(remove或removeItem):
```javascript
sessionStorage.removeItem(key);
```
通过 `key` 删除指定的存储项。
4. 清空所有数据(clear):
```javascript
sessionStorage.clear();
```
这将删除 `sessionStorage` 中的所有项。
**相关问题:**
1. 何时应该使用 `sessionStorage` 而不是 `localStorage`?
2. `sessionStorage` 和 `localStorage` 的区别是什么?
3. 如何判断 `sessionStorage` 中是否存在某个键的值?
阅读全文