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 相关文章推荐
JavaScript 在各个浏览器中执行的耐性
Apr 06 Javascript
js png图片(有含有透明)在IE6中为什么不透明了
Feb 07 Javascript
js实现按一下删除键删除整个单词附demo
Sep 05 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
Feb 14 Javascript
JavaScript数组的栈方法与队列方法详解
May 26 Javascript
JavaScipt选取文档元素的方法(推荐)
Aug 05 Javascript
详解jQuery的Cookie插件
Nov 23 Javascript
原生Javascript插件开发实践
Jan 09 Javascript
聊聊JS动画库 Velocity.js的使用
Mar 13 Javascript
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
解决vue移动端适配问题
Dec 12 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
Aug 03 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
php中支持多种编码的中文字符串截取函数!
2007/03/20 PHP
奉献出一个封装的curl函数 便于调用(抓数据专用)
2013/07/22 PHP
ThinkPHP实现分页功能
2017/04/28 PHP
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
Extjs优化(一)删除冗余代码提高运行速度
2013/04/15 Javascript
基于javascript代码实现通过点击图片显示原图片
2015/11/29 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
2015/12/16 Javascript
jquery中键盘事件小结
2016/02/24 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
2017/04/10 Javascript
Nginx 配置多站点vhost 的方法
2018/01/07 Javascript
vue cli 3.0 使用全过程解析
2018/06/14 Javascript
用Node提供静态文件服务的方法
2018/07/06 Javascript
小程序登录之支付宝授权的实现示例
2019/12/13 Javascript
vue 动态组件用法示例小结
2020/03/06 Javascript
理解JavaScript中的对象
2020/08/25 Javascript
[00:34]拔城逐梦,热血永恒!2020(秋)完美世界城市挑战赛报名开启
2020/10/09 DOTA
[45:06]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第二场 11.28
2020/12/02 DOTA
为Python的Tornado框架配置使用Jinja2模板引擎的方法
2016/06/30 Python
python3实现抓取网页资源的 N 种方法
2017/05/02 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
详解Python传入参数的几种方法
2019/05/16 Python
python 批量添加的button 使用同一点击事件的方法
2019/07/17 Python
Python 获取指定文件夹下的目录和文件的实现
2019/08/30 Python
tensorflow求导和梯度计算实例
2020/01/23 Python
python制作抽奖程序代码详解
2021/01/15 Python
英国虚拟主机服务商:eUKhost
2016/08/16 全球购物
Java基础知识面试题
2014/03/25 面试题
模具专业毕业生自荐书范文
2014/02/19 职场文书
计算机专业求职信
2014/06/02 职场文书
乡镇爱国卫生月活动总结
2014/06/25 职场文书
运输企业安全生产责任书
2014/07/28 职场文书
国际贸易本科毕业生求职信
2014/09/26 职场文书
先进党支部事迹材料2016
2016/02/26 职场文书
Python数据分析之pandas函数详解
2021/04/21 Python
如何解决.cuda()加载用时很长的问题
2021/05/24 Python
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server