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脚本代码跑起来。
Jan 09 Javascript
Jquery实战_读书笔记2 选择器
Jan 22 Javascript
在浏览器中获取当前执行的脚本文件名的代码
Jul 19 Javascript
brook javascript框架介绍
Oct 10 Javascript
VBS通过WMI监视注册表变动的代码
Oct 27 Javascript
网页打开自动最大化的js代码
Aug 22 Javascript
jQuery unbind()方法实例详解
Jan 19 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
Mar 07 Javascript
javascript实现简单计算器效果【推荐】
Apr 19 Javascript
jQuery实现拖拽可编辑模块功能代码
Jan 12 Javascript
浅谈webpack组织模块的原理
Mar 10 Javascript
微信小程序使用车牌号输入法的示例代码
Aug 20 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
JAVA/JSP学习系列之四
2006/10/09 PHP
屏蔽浏览器缓存另类方法
2006/10/09 PHP
php实现mysql备份恢复分卷处理的方法
2014/12/26 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
php+flash+jQuery多图片上传源码分享
2020/07/27 PHP
PHP基于PDO实现的SQLite操作类【包含增删改查及事务等操作】
2017/06/21 PHP
PHP使用ActiveMQ实现消息队列的方法详解
2019/05/31 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
一个用js实现的页内搜索代码
2007/05/23 Javascript
jQuery结合HTML5制作的爱心树表白动画
2015/02/01 Javascript
js获取微信版本号的方法
2015/05/12 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
BootstrapValidator不触发校验的实现代码
2016/09/28 Javascript
JS异步文件上传(兼容IE8+)
2017/04/02 Javascript
关于javascript sort()排序你可能忽略的一点理解
2017/07/18 Javascript
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
2019/01/23 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
vue更改数组中的值实例代码详解
2020/02/07 Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
2020/11/09 Javascript
[02:18]DOTA2英雄基础教程 育母蜘蛛
2014/01/20 DOTA
[01:30:55]VG vs Mineski Supermajor 败者组 BO3 第三场 6.6
2018/06/07 DOTA
python中解析json格式文件的方法示例
2017/05/03 Python
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
python使用Pandas库提升项目的运行速度过程详解
2019/07/12 Python
django mysql数据库及图片上传接口详解
2019/07/18 Python
Django forms表单 select下拉框的传值实例
2019/07/19 Python
python django生成迁移文件的实例
2019/08/31 Python
window7下的python2.7版本和python3.5版本的opencv-python安装过程
2019/10/24 Python
房屋买卖协议书范本
2014/09/27 职场文书
计算机实训报告总结
2014/11/05 职场文书
2015年业务员工作总结范文
2015/04/07 职场文书
2015年仓库工作总结
2015/04/09 职场文书
Pytorch使用shuffle打乱数据的操作
2021/05/20 Python
Sleuth+logback 设置traceid 及自定义信息方式
2021/07/26 Java/Android
Windows Server 2022 超融合部署(图文教程)
2022/06/25 Servers