共同点:
sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。sessionStorage和localStorage 有存储大小的限制可以达到5M或更大。
不同点:
数据有效期不同:
sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;
localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;
作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知机制,可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。
localStorage和sessionStorage的方法:
setItem存储value
用途:将value存储到key字段
用法:.setItem( key, value)
代码示例:
sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");
getItem获取value
用途:获取指定key本地存储的值
用法:.getItem(key)
代码示例:
var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");
removeItem删除key
用途:删除指定key本地存储的值
用法:.removeItem(key)
代码示例:
sessionStorage.removeItem("key"); localStorage.removeItem("site");
clear清除所有的key/value
用途:清除所有的key/value
用法:.clear()
代码示例:
sessionStorage.clear(); localStorage.clear();
相关推荐
使用Typescript编写更加易用的localStorage和sessionStorage的API
一种更好的方法来使用localStorage和sessionStorage
sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息,只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭,数据清空 存在内存中,除非自己删除 浏览器关闭,...
H5 localStorage 和 sessionStorage 对json的处理方式
localStorage,sessionStorage的使用-介绍了localStorage,sessionStorage基本信息及使用注意事项
一个本地存储工具,通过相同的api去支持localStorage和sessionStorage
通过阅读各路大神对web存储locastorage和sessionstorage的用法解析,深有感触,下面小编把localstorage和sessionstorage使用记录分享到脚本之家平台,供大家参考
cookie,localStorage和sessionStorage都是浏览器本地存储数据的地方,其用法不尽相同,今天小编通过本文给大家分享jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法,需要的朋友参考下吧
一种功能丰富且友好的方式,可以利用localStorage和sessionStorage(JSON,命名空间,扩展等)。 下载: 或 : npm install store2 : Install-Package store2文献资料主要存储功能可以直接处理set , get , ...
【cookie_session_localstorage_sessionstorage】【前端】web中的k-v存储们有什么区别
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 ...
使用HTML5 Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。 页面参考如下图,能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。 localStorage(本地存储),可以长期存储数据,...
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。 localStorage生命周期是...
主要介绍了详解Vue中localstorage和sessionstorage的使用方法和经验心得,有需要的朋友跟着小编参考学习下吧。
用于HTML5存储的类似于StorageDB MongoDB的API(localStorage和sessionStorage)注意:npm软件包名称为“ storagedb2”。具有类似MongoDB的API轻巧,只有3KB(最小化并压缩)没有dep StorageDB用于HTML5的类似于...
该库受MongoDB的启发,其某些函数在语法上与Mongo中的函数在语法上相似,但有一些区别和局限。 注意:此实用程序可以同步工作。 安装 下载(小于10KB),并将其包含在您的html中。 或者,您可以下载。 < ...
超级存储为cookie,localStorage和sessionStorage提供了一些帮助。 1Kb压缩 存储所有类型的值(对象和数组) 空时的默认值 前缀键 会话保持在标签之间 安装 安装npm软件包 npm install @jaysalvat/super-...
角度存储Cookie,会话和本地存储的装饰器和服务该库添加了装饰器,使使用HTML5的localStorage和sessionStorage自动保存和恢复变量变得非常容易。 它还提供了Angular-Injectable Session-和LocalStorageService。包括...
1kb)localStorage和sessionStorage帮助程序库。 它会自动将对象和数组解析为字符串(然后返回)。 它还使您可以在设置的时间段之后验证并过期localStorage数据。 Inst Bin一个很小的(<1kb)localStorage和...
一个简单的JS类,用于包装localStorage和sessionStorage功能。 支持到期日期,因此您可以缓存数据并安全地检索它 :fire: 安装 npm i localit 例子 import { Localit } from "localit" ; // You can pass `...