localStorage和sessionStroage相同点和不同点

本地存储和离线存储相同的使用方法:
               1、setItem 设置存储内容
               2、getItem 获取存储内容
               3、removeItem 删除存储内容
               4、clear 删除存储内容
               5、length 属性获取存储内容个数
               6、key方法获取存储字段。

// 用法
1.  localStorage.setItem('Key名', 'Value值');   // 设置
2.  localStorage.getItem('Key名');    //返回value值。
3.  localStorage.removeItem('Key名');   //删除这个key的数据。
4.  localStorage.clear();    //清除所有内容
5.  localStorage.length;    // 获取个数
6.  localStorage.key && localStorage[key]      // 获取内容            

不同的存储时效:

localStorage 存储会持久化(无限的存储时间)

sessionStorage 存储会在网页会话结束后失效(网页关闭时失效,刷新没有问题)

不同的存储容量:

localStorage容量一般在2-5Mb左右。

sessionStorage存储容量不一,部分浏览器不设限。

使用Storage时的注意点:

1、储存容量超出限制
               解决:存储值时应使用 try catch 避免异常未捕获

2、存储类型的限制
               解决:只能储存字符串
                          注意类型转换

3、sessionStorage失效时机
               解决:刷新页面时并不能使sessionStorage失效
                          相同URL不同标签不能共享sessionStorage

猜你喜欢

转载自blog.csdn.net/weixin_43906597/article/details/108473426