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 
    

你可能感兴趣的:(存储)