脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js localstorage sessionstorage 的使用

JS 中LocalStorage和SessionStorage的使用

 更新时间：2017年08月17日 09:00:40   作者：Joseph_Bee  
最近因为项目上需要使用到客户端存储,所以稍微研究了一下,以下说说自己的理解和使用经验，特此分享到脚本之家平台，感兴趣的朋友参考下吧

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

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实现换肤

    这篇文章主要为大家详细介绍了原生JavaScript实现换肤，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-02-02
  • layer弹出层倒计时关闭的实现方法

    layer弹出层倒计时关闭的实现方法

    今天小编就为大家分享一篇layer弹出层倒计时关闭的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS函数arguments数组获得实际传参数个数的实现方法

    JS函数arguments数组获得实际传参数个数的实现方法

    下面小编就为大家带来一篇JS函数arguments数组获得实际传参数个数的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 全面了解构造函数继承关键apply call

    全面了解构造函数继承关键apply call

    下面小编就为大家带来一篇全面了解构造函数继承关键apply call。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • js实现右键自定义菜单

    js实现右键自定义菜单

    这篇文章主要为大家详细介绍了JavaScript实现右键菜单功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-12-12
  • js实用技巧之去除数组或者对象里重复选项

    js实用技巧之去除数组或者对象里重复选项

    这篇文章主要给大家介绍了关于js实用技巧之去除数组或者对象里重复选项的相关资料,JavaScript数组有很多内置方法,可以操作和处理数据,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
    2023-08-08
  • Javascript实现汉字和拼音互转的终极方案

    Javascript实现汉字和拼音互转的终极方案

    网上关于JS实现汉字和拼音互转的文章很多，但是比较杂乱，有的不支持多音字、不支持声调或者字典文件太大，无法根据实际需要满足需求。这篇文章给大家修正整理网上的几种常见方法，文章结尾还附简单的JS拼音输入法，本文对大家具有一定的参考借鉴价值，下面一起看看吧。
    2016-10-10
  • 前端下载文件时如何后端返回的文件流一些常见方法

    前端下载文件时如何后端返回的文件流一些常见方法

    这篇文章主要介绍了前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有Content-Disposition的下载,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-04-04
  • javascript在事件监听方面的兼容性小结

    javascript在事件监听方面的兼容性小结

    javascript 在事件监听方面的兼容性总结，注意是由于多个浏览器的不一致，导致大家在js书写时需要考虑多个浏览器的兼容性。
    2010-04-04
  • 小程序实现计算器功能

    小程序实现计算器功能

    这篇文章主要为大家详细介绍了小程序实现计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-07-07

最新评论