网站建设易客,ppt做书模板下载网站有哪些,常德网站建设全域云,c 网站开发框架文章目录 本地存储本地存储分类 - localStorage本地存储分类 - sessionStorage存储复杂数据类型解决方法 本地存储
数据存储在用户浏览器中设置、读取方便、甚至页面刷新都不丢失数据容量较大#xff0c;sessionStorage和localStorage约5M左右
本地存储分类 - localStorage … 文章目录 本地存储本地存储分类 - localStorage本地存储分类 - sessionStorage存储复杂数据类型解决方法 本地存储
数据存储在用户浏览器中设置、读取方便、甚至页面刷新都不丢失数据容量较大sessionStorage和localStorage约5M左右
本地存储分类 - localStorage
可以将数据永久存储在本地用户的电脑除非手动删除否则关闭页面也会存在。
特性
可以多窗口页面共享同一浏览器可以共享以键值对的形式存储使用
语法
存储/修改数据localStorage.setltem(key,value) // 有改无增获取数据localStorage.getItem(key)删除数据localStorage.removeItem(key)
本地存储只能存储字符串类型非字符串类型会转换成字符串类型存储
本地存储分类 - sessionStorage
特性:
生命周期为关闭浏览器窗口在同一个窗口页面下数据可以共享以键值对的形式存储使用用法跟localStorage相同
存储复杂数据类型
本地只能存储字符串无法存储复杂数据类型。
解决方法
需要将复杂数据类型转换成JSON字符串再存储到本地。
语法JSON.stringify(复杂数据类型)
保存时将对象转为JSON字符串 const obj {uname: lily,age: 19,gender: 女}localStorage.setItem(obj, JSON.stringify(obj))console.log(typeof localStorage.getItem(obj)) // 返回Stringobj存进去是字符串不是对象// JSON对象的属性和值都有引号而且统一是双引号取用时把JSON字符串转换为对象JSON.parse(localStorage.getItem(obj))
