localStorage
时间: 2023-10-13 14:13:29 浏览: 41
localStorage是一种在Web浏览器中存储数据的方式。它可以在浏览器关闭后保留数据,也可以在同一域名下的页面之间共享数据。使用localStorage非常简单,只需要使用JavaScript中的localStorage对象进行读写操作即可。
例如,要将数据保存到localStorage中,可以使用以下代码:
```
localStorage.setItem('key', 'value');
```
这将在localStorage中创建一个名为'key'的键,并将值设置为'value'。要从localStorage中检索数据,可以使用以下代码:
```
var value = localStorage.getItem('key');
```
这将返回存储在'key'键中的值。如果要删除localStorage中的数据,可以使用以下代码:
```
localStorage.removeItem('key');
```
这将从localStorage中删除'key'键及其值。请注意,localStorage中只能存储字符串类型的数据,如果需要存储其他类型的数据,可以使用JSON.stringify()和JSON.parse()函数进行转换。
相关问题
localstorage
`localStorage` 和 `sessionStorage` 是 HTML5 中的两个新功能,它们都是存储在浏览器中的 key-value 对象。
`localStorage` 和 `sessionStorage` 的区别在于存储的时间不同:
- `localStorage` 存储的数据是永久性的,除非手动删除,否则数据不会过期。
- `sessionStorage` 存储的数据只在当前会话中有效,当页面关闭或浏览器退出后,数据会自动清除。
两者都可以通过 `localStorage` 和 `sessionStorage` 对象来访问。使用方法也类似,如下所示:
```javascript
// 存储数据
localStorage.setItem("name", "John");
sessionStorage.setItem("name", "John");
// 获取数据
let name = localStorage.getItem("name");
let name = sessionStorage.getItem("name");
// 删除数据
localStorage.removeItem("name");
sessionStorage.removeItem("name");
```
这两种接口在大部分现代浏览器上都支持,但是需要注意的是它们的存储空间是有限的,在不同的浏览器上限制不同,通常是 5-10MB 之间