通过JavaScript的localStorage和sessionStorage对象进行访问和操作。
时间: 2024-03-14 18:41:10 浏览: 68
localStorage和sessionStorage是JavaScript中的两个对象,用于在浏览器中存储数据。它们提供了一种在浏览器会话期间(sessionStorage)或者永久保存(localStorage)数据的方式。
通过localStorage和sessionStorage对象,可以进行以下操作:
1. 存储数据:使用setItem()方法将数据存储到localStorage或sessionStorage中。例如:
```javascript
localStorage.setItem('key', 'value'); // 存储到localStorage
sessionStorage.setItem('key', 'value'); // 存储到sessionStorage
```
2. 获取数据:使用getItem()方法从localStorage或sessionStorage中获取存储的数据。例如:
```javascript
var value = localStorage.getItem('key'); // 从localStorage获取数据
var value = sessionStorage.getItem('key'); // 从sessionStorage获取数据
```
3. 更新数据:使用setItem()方法更新已存储的数据。例如:
```javascript
localStorage.setItem('key', 'new value'); // 更新localStorage中的数据
sessionStorage.setItem('key', 'new value'); // 更新sessionStorage中的数据
```
4. 删除数据:使用removeItem()方法从localStorage或sessionStorage中删除指定的数据。例如:
```javascript
localStorage.removeItem('key'); // 从localStorage删除指定的数据
sessionStorage.removeItem('key'); // 从sessionStorage删除指定的数据
```
5. 清空数据:使用clear()方法清空localStorage或sessionStorage中的所有数据。例如:
```javascript
localStorage.clear(); // 清空localStorage中的所有数据
sessionStorage.clear(); // 清空sessionStorage中的所有数据
```
需要注意的是,localStorage中存储的数据在浏览器关闭后仍然存在,而sessionStorage中存储的数据只在当前会话期间有效,即当用户关闭浏览器标签页或窗口时会被清除。
阅读全文
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)