sessionStorage和localStorage的用法

sessionStorage的存储,只存在于当前窗口可使用。
例如:窗口

这里有两个窗口,在哪个页面窗口使用了sessionStorage存储,那么就只有这个窗口能访问。

而localStorage存储的值,在所有窗口共享。上面两个窗口都能访问共同的localStorage变量,修改了localStorage里的变量也是一样的,不同窗口拿到的变量都是被修改过后的。

设置值的方式,setItem(String,String)

或者是直接sessionStorage.key,localStorage.key,这个key是可以随便直接取个名字就行了。
例如,sessionStorage.menu,赋值 sessionStorage.menu=某值。
localStorage的操作方式一样

注:设置的值只能是string,字符串,如果是一个对象,要先转成字符串,一般用,JSON.stringify(),不然存的值是无法用的。包括boolean值也会变为字符串

获得值的方式,getItem(String),或者是直接sessionStorage.key,localStorage.key,这个key是可以随便直接取个名字就行了。

注:取出来的值一定要转换一下格式,JSON.parse()。一般用这个方法,因为存进去的值都会变为字符串

删除值的方式,指定某个key来删除:removeItem(String)。清除所有:sessionStorage.clear(),localStorage.clear()。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值