localstorage
时间: 2024-02-28 10:37:17 浏览: 22
`localStorage` 是一个 Web API,它提供了一种在客户端存储数据的方式。使用 `localStorage` 存储的数据是永久的,即使用户关闭了页面或浏览器。通过调用 `localStorage.setItem(key, value)` 方法,可以将一个键值对保存到 `localStorage` 中,该键值对将一直保留在客户端,直到被删除或过期。
可以使用 `localStorage.getItem(key)` 方法获取存储在 `localStorage` 中的值,也可以使用 `localStorage.removeItem(key)` 方法删除一个已存储的键值对。值得注意的是,存储在 `localStorage` 中的值只能是字符串类型,如果需要存储其他类型的数据,需要先将其转换为字符串类型,然后再存储。
需要注意的是,`localStorage` 存储的数据只能在同源窗口(即指域名、协议和端口号相同)之间共享。如果需要在不同源之间共享数据,可以使用 `sessionStorage` 或者其他跨源通信方式。
相关问题
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 之间