localStorage和sessionStorage的区别

localStorage和sessionStorage的区别:

           1.相同的使用方法,API基本是一样的
               (1) localStorage API:
                   a.使用setItem设置储存内容:
                       localStorage.setItem("name","123")
                       localStorage.name = "123";
                       localStorage['name'] = "123"
                   b.使用getItem获取储存内容:
                       localStorage.getItem("name")
                       localStorage.name
                   c.使用removeItem删除储存内容(删除指定key):
                       localStorage.removeItem("name")
                   d.使用clear方法清除储存内容(清除所有key):
                       localStorage.clear();
                   e.使用length属性,获取储存的key个数
                       localStorage.length

(2) sessionStorage API:基本和localStorage差不多

           2.不同的储存时效
               localStorage 储存时间无限,不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage
               sessionStorage 会在网页会话结束时失效(刷新不会丢失,在网页关闭即失效)
           3.容量不同:
               localStorage容量一般 2-5MB
               sessionStorage储存容量不一,部分浏览器不设限

       使用本地储存注意点:
           1.存储容量超出限制,会抛出QuotaExceededError异常
           解决:储存时应使用try catch 避免异常未捕获
           2.储存类型的限制,只能储存字符串
           3.sessionStorage同一个url路径下,不同标签页不能共用储存内容
           如:我在a.html页面储存name,我打开另一个新标签,输入a.html的地址,则获取不到储存的name

来源：CSDN

作者：x_apricot

链接：https://blog.csdn.net/huangxinglian/article/details/89438797

标签

sessionstorage