js本地存储localstorage存取命令
时间: 2023-08-29 21:09:07 浏览: 65
JavaScript中使用localStorage进行本地存储的命令如下:
1. 存储数据:
```
localStorage.setItem(key, value);
```
这会将键值对(key-value)存储到localStorage中。
2. 获取数据:
```
var value = localStorage.getItem(key);
```
这会根据给定的键(key)从localStorage中获取对应的值(value)。
3. 移除数据:
```
localStorage.removeItem(key);
```
这会从localStorage中移除指定键(key)的键值对。
4. 清空所有数据:
```
localStorage.clear();
```
这会从localStorage中移除所有的键值对。
请注意,存储到localStorage的数据是以字符串的形式保存的。如果要存储其他类型的数据,需要将其转换为字符串或使用JSON.stringify()方法进行序列化。同样,获取数据后如果需要还原为原始类型,可以使用parseInt()、parseFloat()或JSON.parse()等方法进行反序列化。
相关问题
localstorage存取本地怎么用
LocalStorage 是 HTML5 提供的一种在浏览器端本地存储数据的新方法,它可以将数据存储到浏览器中,即使用户关闭浏览器也不会丢失数据。下面是一个简单的例子,展示如何使用 localStorage 存储和读取数据。
存储数据:
```javascript
localStorage.setItem("key", "value");
```
读取数据:
```javascript
var value = localStorage.getItem("key");
```
删除数据:
```javascript
localStorage.removeItem("key");
```
需要注意的是,localStorage 存储的数据类型只能是字符串类型,如果需要存储其他类型的数据,需要先将其转换为字符串类型。同时,localStorage 存储的数据是基于域名存储的,即同一域名下的不同页面共享 localStorage 中的数据,不同域名之间的数据是隔离的。
window.localStorage存取数据
LocalStorage 是 HTML5 标准中新加入的一项功能,它允许在浏览器端存储数据,并且在同一域名下的所有页面共享。LocalStorage 的数据是持久化的,即便关闭浏览器也不会丢失。
LocalStorage 的 API 比较简单,它提供了以下几个方法:
1. `localStorage.setItem(key, value)`:将键值对存储到 localStorage 中;
2. `localStorage.getItem(key)`:从 localStorage 中获取指定键的值;
3. `localStorage.removeItem(key)`:从 localStorage 中删除指定键的值;
4. `localStorage.clear()`:清空 localStorage 中的所有键值对。
示例代码:
```javascript
// 存储数据
localStorage.setItem('name', '张三');
localStorage.setItem('age', '18');
// 获取数据
const name = localStorage.getItem('name');
const age = localStorage.getItem('age');
// 删除数据
localStorage.removeItem('name');
// 清空数据
localStorage.clear();
```
需要注意的是,LocalStorage 只能存储字符串类型的数据,如果要存储其他类型的数据,需要先将其转换为字符串类型,存储时再将其解析回来。比如:
```javascript
// 存储对象
const user = { name: '张三', age: 18 };
localStorage.setItem('user', JSON.stringify(user));
// 获取对象
const userStr = localStorage.getItem('user');
const userObj = JSON.parse(userStr);
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)