web storage:客户端数据存储

以前一直听说这个名字,今天来做一个细致的梳理。

来历

因为cookie太小了,就有了storage。
有localStorage和sessionStorage ,sessionStorage保存的数据回话结束时通常是窗口关闭时结束。localStorage长期存在。

属性和方法

这两个都是Storage类型的实例,所以继承了Storage的方法和属性。
它只有一个Storage.length这一个属性,和5个方法:
clear()
getItem(name)
key(index)
removeItem(name)
setItem(name,value)

事件

Storage 接口储存的数据发生变化时,会触发 storage 事件,可以指定这个事件的监听函数。
StorageEvent.key:字符串,表示发生变动的键名。如果 storage 事件是由clear()方法引起,该属性返回null。
StorageEvent.newValue:字符串,表示新的键值。如果 storage 事件是由clear()方法或删除该键值对引发的,该属性返回null。
Storage.oldValue:字符串,表示旧的键值。如果该键值对是新增的,该属性返回null。
Storage.storageArea:对象,返回键值对所在的整个对象。也说是说,可以从这个属性上面拿到当前域名储存的所有键值对。
Storage.url:字符串,表示原始触发 storage 事件的那个网页的网址。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值