前端 :浏览器的两种本地存储方法

91 阅读1分钟

前端:浏览器的本地存储: 浏览器的本地存储:

localStorage 永久存储 关闭浏览器也会存在 清除的方法: 1.手动引导用户删除 例如删除浏览记录 localStorage.clear() 2.用户在浏览器设置上清除缓存 实质是存储到计算机的硬盘上

sessionStorage 会话存储 关闭浏览器 数据会消失 方法 与 localStorage 相同 都是四个

localStorage.setItem('mag','hello!')手存储 第一个参数是名字 第二个参数是值 key Value 的形式 存储的Value 都会转换为字符串

**注意 如果传入的值是一个对象的形式 会自动调用 toString()方法 转换为

image.png

不管对象中是否有值 都会显示这样 不便于使用

解决办法:JOSN.stringify() 将对象转换为字符串形式

image.png

image.png

读取

localStorage.getItem('key')

根据key名 读取出来value值 但是读出来的都是字符串的形式 可以用JOSN.parse()解析一下即可

image.png

如果读取一个没有的属性 则会返回null

移除一个属性

localStorage.removItem('key')

清空所有的属性:

localStroage.clear()无参数