浏览器本地存储

文章介绍了浏览器的两种本地存储方式——localStorage和sessionStorage。localStorage用于持久化存储数据,即使关闭页面仍可保留,而sessionStorage的数据在浏览器窗口关闭后消失。两者都以键值对形式存储,且仅支持字符串类型。对于复杂数据类型的存储,需先将其转换为JSON字符串,读取时再解析为对象。
摘要由CSDN通过智能技术生成

1.介绍

(1)数据存储在用户浏览器中

(2)设置、读取方便、甚至页面刷新不丢失数据

 2.本地存储分类

 1.localStorage

作用:可以将数据永久存储在本地(用户的电脑),除非手动删除,否则关闭页面也会存在

特性:(1)可以多窗口(页面)共享(同一浏览器可以共享)

          (2)以键值对的形式存储使用

 存储数据:

        localStorage.setItem('键','值')

获取数据:

        localStorage.getItem('键')

删除数据:

        localStorage.removeItem('键')

2. sessionStorage

特性: 

  1.  生命周期为关闭浏览器窗口
  2. 在同一个窗口(页面)下数据可以共享
  3. 以键值对的形式存储使用
  4. 用法跟 localStorage基本相同

 本地存储只能存储字符串数据类型

 3.存储复杂数据类型

1.将复杂数据类型转换成JSON字符串,再存储到本地

语法:

        JSON,stringify(复杂数据类型) 

2.把JSON字符串转换成对象

语法: 

        JSON.parse() 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值