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 相关文章推荐
JS拖动技术 关于setCapture使用
Dec 09 Javascript
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
JQuery 返回布尔值Is()条件判断方法代码
May 14 Javascript
jquery自定义滚动条插件示例分享
Feb 21 Javascript
jquery自动填充勾选框即把勾选框打上true
Mar 24 Javascript
Javascript玩转继承(三)
May 08 Javascript
node.js中的path.isAbsolute方法使用说明
Dec 08 Javascript
jquery分隔Url的param方法(推荐)
May 25 Javascript
微信小程序页面传值实例分析
Apr 19 Javascript
详解vee-validate的使用个人小结
Jun 07 Javascript
vue的mixins属性详解
Mar 14 Javascript
jQuery+ajax实现批量删除功能完整示例
Jun 06 jQuery
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
php 批量替换html标签的实例代码
2013/11/26 PHP
PHP图片处理之使用imagecopyresampled函数实现图片缩放例子
2014/11/19 PHP
PHP创建多级目录的两种方法
2016/10/28 PHP
Yii2 queue的队列使用详解
2019/07/19 PHP
laravel model模型定义实现开启自动管理时间created_at,updated_at
2019/10/17 PHP
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
2009/11/04 Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
2013/03/18 Javascript
js读写(删除)Cookie实例详解
2013/04/17 Javascript
json实现前后台的相互传值详解
2015/01/05 Javascript
AngularJS 使用 UI Router 实现表单向导
2016/01/29 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
原生js编写焦点图效果
2016/12/08 Javascript
js编写选项卡效果
2017/05/23 Javascript
webpack打包单页面如何引用的js
2017/06/07 Javascript
JavaScript实现的可变动态数字键盘控件方式实例代码
2017/07/15 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
2017/07/17 jQuery
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
2018/03/01 Javascript
详解VueJs中的V-bind指令
2018/05/03 Javascript
Vue 中axios配置实例详解
2018/07/27 Javascript
手把手教你写一个微信小程序(推荐)
2018/10/17 Javascript
Vue封装的组件全局注册并引用
2019/07/24 Javascript
JS如何实现手机端输入验证码效果
2020/05/13 Javascript
详细分析React 表单与事件
2020/07/08 Javascript
python获取标准北京时间的方法
2015/03/24 Python
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
selenium+python自动化测试环境搭建步骤
2019/06/03 Python
Django中ajax发送post请求 报403错误CSRF验证失败解决方案
2019/08/13 Python
Python3.7 pyodbc完美配置访问access数据库
2019/10/03 Python
pyqt5 QlistView列表显示的实现示例
2020/03/24 Python
python 基于opencv实现图像增强
2020/12/23 Python
英超联赛的首选足球:Mitre足球
2019/05/06 全球购物
JavaScript实现页面动态验证码的实现示例
2021/03/23 Javascript
新闻编辑求职信
2014/07/13 职场文书
四风问题查摆材料
2014/08/25 职场文书
幼儿教师师德培训心得体会
2016/01/09 职场文书
使用numpy nonzero 找出非0元素
2021/05/14 Python