JS 中LocalStorage和SessionStorage的使用


Posted in Javascript onAugust 17, 2017

最近因为项目上需要使用到客户端存储,所以稍微研究了一下,以下说说自己的理解和使用经验

1.调用方法相同

各自都包含以下几种操作:

//根据key获取对应的值;
window.sessionStorage.getItem(key);
window.localStorage.getItem(key);
//新增key-value,若key已存在,则更新value;
window.sessionStorage.setItem(key,value);
window.localStorage.setItem(key,value);
//根据key移除对应的值
window.sessionStorage.removeItem(key);
window.localStorage.removeItem(key);
//移除全部key-value
window.sessionStorage.clear();
window.localStorage.clear();
//根据索引获取对应key
window.sessionStorage.key(index);
window.localStorage.key(index);

2.生命周期不同

sessionStorage是人如其名,只针对当前session(会话)有效,关闭标签页即失效;

localStorage则不然,即使关闭了标签页甚至浏览器,依然存在,下次打开页面时,依然可以直接使用,

但是要注意,清除浏览器缓存时,localStorage的内容也会清理掉;

3.数据共享

sessionStorage由于上述特性,也就不能够在不同页面之间进行数据共享,同一域名也是不可以的;

localStorage则能够实现该需求,但是仅限于同一域名下;

总结

以上所述是小编给大家介绍的JS 中LocalStorage和SessionStorage的使用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
window.opener用法和用途实例介绍
Aug 19 Javascript
JS动画效果打开、关闭层的实现方法
May 09 Javascript
javascript中获取class的简单实现
Jul 12 Javascript
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
全选复选框JavaScript编写小结(附代码)
Aug 16 Javascript
React-Native中props具体使用详解
Sep 04 Javascript
10个在JavaScript开发中常遇到的BUG
Dec 18 Javascript
利用JS判断客户端类型你应该知道的四种方法
Dec 22 Javascript
React diff算法的实现示例
Apr 20 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
May 14 Javascript
Vuejs中的watch实例详解(监听者)
Jan 05 Javascript
vue项目实现减少app.js和vender.js的体积操作
Nov 12 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
Aug 17 #jQuery
详解JS中的柯里化(currying)
Aug 17 #Javascript
JavaScript实现简单评论功能
Aug 17 #Javascript
vue绑定class与行间样式style详解
Aug 16 #Javascript
Vue的MVVM实现方法
Aug 16 #Javascript
利用JS制作万年历的方法
Aug 16 #Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
Aug 16 #Javascript
You might like
PHILIPS D1835/D1875的电路分析与打理
2021/03/02 无线电
PHP 函数执行效率的小比较
2010/10/17 PHP
3款值得推荐的微信开发开源框架
2014/10/28 PHP
ZendFramework2连接数据库操作实例
2017/04/18 PHP
jQuery 打造动态渐变按钮 详细图文教程
2010/04/25 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
2011/10/27 Javascript
JavaScript中两个感叹号的作用说明
2011/12/28 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
2015/05/01 Javascript
jquery实现鼠标滑过小图查看大图的方法
2015/07/20 Javascript
JavaScript中的Array 对象(数组对象)
2016/06/02 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
2016/09/04 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
javascript数据结构之串的概念与用法分析
2017/04/12 Javascript
bootstrap常用组件之头部导航实现代码
2017/04/20 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
微信小程序使用npm包的方法步骤
2019/08/13 Javascript
微信小程序实现购物车代码实例详解
2019/08/29 Javascript
[00:37]2016完美“圣”典风云人物:rOtk宣传片
2016/12/09 DOTA
通过C++学习Python
2015/01/20 Python
Python中列表和元组的相关语句和方法讲解
2015/08/20 Python
Python 字典与字符串的互转实例
2017/01/13 Python
Python Web程序部署到Ubuntu服务器上的方法
2018/02/22 Python
Python2包含中文报错的解决方法
2018/07/09 Python
python几种常用功能实现代码实例
2019/12/25 Python
解决tensorflow训练时内存持续增加并占满的问题
2020/01/19 Python
Python venv虚拟环境配置过程解析
2020/07/08 Python
如何向scrapy中的spider传递参数的几种方法
2020/11/18 Python
用python发送微信消息
2020/12/21 Python
在职人员函授期间自我评价分享
2013/11/08 职场文书
2013届毕业生求职信范文
2013/11/20 职场文书
什么样的创业计划书可行性高?
2014/02/01 职场文书
给领导的感谢信范文
2015/01/23 职场文书
工作感想范文
2015/08/07 职场文书
小学班主任心得体会
2016/01/07 职场文书
开学季:喜迎新生,迎新标语少不了
2019/11/07 职场文书
阿里云国际版 使用Nginx作为HTTPS转发代理服务器
2022/05/11 Servers