html5存储 相关总结

Storage 临时储存

常用方法localStorage /sessionStorage

setItem(key,value); 设置临时存储
getItem(key);获取临时存储
removeItem(key) 删除key单个
localStorage.clear()可以直接把所有的key 都清空
localStorage.length 直接可以查看储存的个数
使用方法:

对象[key]=value
对象.key=value

localStorage 与sessionStorage区别

1 不同的储存时效
localStorage 储存持久化没有储存时间
sessionStorage 网页会话结束时失效网页关闭时失效 、 刷新没有问题
2 不同的储存容量
localStorage 容量一一般在2-5Mb localStorage存储是存储在本地浏览器中的,和地址栏变化没有关系。同一个浏览器可以获取,不同浏览器是获取不到的。
sessionStorage 储存容量不一,部分浏览器不设限

使用Storage的注意点

  1. 存储容量超出限制

    	抛出QuoExceededError异常
    	存储值应使用try catch 避免异常未捕获
    
  2. 储存类型限制

    	只能存储字符串
    	注意类型转换
    	例如:
    		字符串转换为数字:parseInt();
    		字符串转换成数组:var strNew = str.split(",")
    
  3. sessionStorage 失效时机

    刷新页面不能使sessionStorage 失效
    相同url标签不能共享sessionStorage 
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值