WebStorage的使用

localStorage和sessionStorage是Web存储API的两个关键部分,用于在用户浏览器中保存数据。localStorage提供永久性存储,而sessionStorage则是会话级别的,数据在浏览器关闭后自动清除。两者都提供设置、获取、删除数据的方法,如setItem、getItem和removeItem。sessionStorage还可通过属性直接存取数据,如sessionStorage.name。删除数据可使用delete操作或removeItem方法。

说明

  1. localStorage和sessionStorage属性,是允许在浏览器中存储key/value数据的。

  1. localStorage是永久存储机制,sessionStorage是会话级存储。

方法

  1. clear():删除所有值;不在 Firefox 中实现。

  1. getItem(name):取得给定 name 的值。

  1. key(index):取得给定数值位置的名称。

  1. removeItem(name):删除给定 name 的名/值对。

  1. setItem(name, value):设置给定 name 的值。

sessionStorage的使用

sessionStorage只存储会话数据,在关闭浏览器是,数据自动清除。

sessionStorage的存储
// 使用方法存储
sessionStorage.setItem("name", "zhangsan")
// 使用属性存储
sessionStorage.name = "zhangsan"
sessionStorage的访问
// 使用方法取得数据
sessionStorage.getItem("name") // "zhangsan"
// 使用属性取得数据
let name = sessionStorage.name // "zhangsan"
sessionStorage的删除
// 使用 delete 删除值
delete sessionStorage.name; 
// 使用方法删除值
sessionStorage.removeItem("name");

localStorage同理。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值