js中的本地存储详细讲述
时间: 2024-02-29 09:55:19 浏览: 128
在JavaScript中,本地存储通常指的是localStorage和sessionStorage。
localStorage:是一种持久化存储技术,它可以将数据存储在浏览器中,即使用户关闭了浏览器,数据也不会丢失。localStorage中存储的数据是以键值对(key-value)的形式进行存储的。使用localStorage的方法如下:
// 存储数据
localStorage.setItem('key', 'value');
// 获取数据
localStorage.getItem('key');
// 删除数据
localStorage.removeItem('key');
// 清空所有数据
localStorage.clear();
sessionStorage:与localStorage类似,但是存储的数据只在当前会话中有效,当用户关闭浏览器窗口后数据会被清除。sessionStorage的使用方法与localStorage几乎相同,只需要将localStorage替换为sessionStorage即可。
// 存储数据
sessionStorage.setItem('key', 'value');
// 获取数据
sessionStorage.getItem('key');
// 删除数据
sessionStorage.removeItem('key');
// 清空所有数据
sessionStorage.clear();
需要注意的是,localStorage和sessionStorage存储的数据类型只能是字符串类型,如果需要存储其他类型的数据,需要进行序列化和反序列化操作。
// 存储对象
localStorage.setItem('key', JSON.stringify({name: '张三', age: 18}));
// 获取对象
JSON.parse(localStorage.getItem('key'));
以上就是JavaScript中本地存储的详细解释。
阅读全文