sessionStorage和localStorage储存的用法(两个的区别在于,session删除页面后就删除,local依然存在)(浏览器储存方法)

最新推荐文章于 2025-01-13 15:33:25 发布
最新推荐文章于 2025-01-13 15:33:25 发布
阅读量885 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ljw_jiawei/article/details/80563016
本文介绍了如何使用sessionStorage进行数据的存储、读取和删除操作。包括setItem方法用于存储数据，getItem方法用于读取数据，removeItem方法用于删除指定数据，clear方法用于清除所有数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

        sessionStorage.setItem("key", "value"); 存储到key


var value = sessionStorage.getItem("key"); 获取key


sessionStorage.removeItem("key"); 删除key


sessionStorage.clear(); 删除所有存起来的数据
清空浏览器的所有sessionstorage_浏览器-本地存储
weixin_39952800的博客
11-24 4311
在浏览器中存储主要分为以下三种方式1、localstorage 2、sessionStorage 3、cookie 4、localStorage与sessionStorage区别1、localStorage生命周期永久，除非用户清除浏览器中的localStorage信息，否则永远存在；存放数据大小一般为5MB；仅在浏览器中保存，不参与服务器通信；API调用：localStorage.setItem...
sessionStorage 和 localStorage 的使用
webchang的博客
02-19 1万+
sessionStorage 和 localStorage的属性和方法，事件的触发
清除sessionstorage的值_cookie、localStorage和sessionStorage到底有什么区别
weixin_39896256的博客
01-28 145
前言cookie最初主要用于和服务器进行通讯，在http请求时把cookie顺带一起传给服务器。但那时还未有像H5 localStorage和sessionStorage这种专门用于本地存储的能力。后来，大家发现通过document.cookie = ''; 可直接设置cookie的值且无论页面如何刷新cookie也不会被清除掉，渐渐的，越来越多的人开始使用cookie来做本地存储。比如在控制台设...
sessionStrorage保存、获取、清空等一些方法
qq_45516629的博客
06-16 2991
原文链接：https://blog.youkuaiyun.com/Allanwhy/java/article/details/89711496 sessionStrorage保存、获取、清空等一些方法 1、存值 sessionStorage[‘key’]=‘value’; sessionStorage.setItem(‘key’,‘value’); 2、取值 var v=sessionStorage[‘key’]; var f=sessionStorage.getItem(‘key’); 3、删除 sessionSt
sessionstorage(会话存储对象)使用、存储、读取、删除（一）
qq_44438941的博客
03-15 1万+
sessionstorage(会话存储对象)使用、存储、读取、删除
sessionStorage和localStorage的区别：
IT咸鱼圈
03-27 252
最近开发中老遇到一个问题，就是账号登录web，退出或者关掉浏览器之后，重新打开页面自动进入了之前登录的页面，出现的的问题就是session不会失效。本地登录后使用localStorage去存储登录信息，后面网上查了查，才知道sessionStorage和localStorage的区别：它们都是客户端存储数据的对象，都是通过键值对来存储数据，通过setItem( key, value)存储，getI...
深入理解Web存储机制：Cookie、SessionStorage与LocalStorage的区别
最新发布
chaosweet的博客
01-13 1234
选择正确的工具是成功的开始。
一篇文章搞懂Cookie, sessionStorage 和 localStorage
AQiukai的博客
08-08 1384
本文章是本人在实习过程中遇到的知识点的自我整理和汇总，主要用于自己记录和回顾，如果可以帮到别人也是十分乐意的。这次详细解释了cookie、localStorage、sessionStorage的详细说明和这三者的区别
【浏览器面试真题】sessionStorage和localStorage
weixin_63681863的博客
09-17 849
在同一个浏览器中，即使不同的tab页面打开了相同的URL，每个tab页面都会拥有独立的。是与特定页面相关联的存储机制，它为每个。
cookies、sessionStorage和localStorage解释及区别
qq_31455841的博客
12-23 259
cookies sessionStorage和localStorage解释及区别 在浏览器查看 1. HTML4的本地存储 cookie ​ 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 1. cookie和session ​ cookie和session都是用来跟踪浏览器用户身份的会话方式 2. cookie和session的区别 1. 保持状态 cookie保存在浏览器端，session保存在服务器端 2. 使用方式
浏览器数据存储方式总结---localStorage、sessionStorage、cookie
yiyueqinghui的博客
10-19 6054
1、cookie 1.1、cookie的作用 说到cookie，其实cookie有两个主要功能， 用于解决http无状态的缺点，在客户端存储会话信息，记录用户的状态 也就是我们现在也经常使用cookie在客户端存储一些数据 1.2、cookie的构成 一般来说，cookie是由浏览器保存的以下几块信息构成的 （1）名称：一个唯一确定cookie的名称 （2）值：存储在cookie中的字符串值，值必须被URL编码 （3）域：cookie对于哪个域是有效的，所有向该域发送的请求都会包含这个cookie信息
清空浏览器的所有sessionstorage_JavaScript从零开始——浏览器模型（6）
weixin_39535125的博客
11-22 1117
浏览器在访问网页的时候，脚本也是需要储存一些信息到本地的，直接搞一个数据库或者直接访问本地文件都是不现实或者有安全隐患的，这个时候该怎么办？浏览器就提供了一个接口，用来让脚本保存数据，这就是Storage接口。另外，浏览器还提供了一个History对象用来让脚本来访问它的访问历史。我们接下来就来看看。1 Storage接口概念Storage 接口用于脚本在浏览器保存数据。两个对象部署了这个接口：w...
JavaScript——localStorage和sessionStorage的使用方法
weixin_45045252的博客
05-27 818
首先localStorage和sessionStorage都是用来存储客户端临时信息的对象。说白了就是把用户输入的信息放在本地中，通常用于记住密码这一类需要实现存储数据的功能。通常我们自己写的网页每次刷新后数据就自动消失了，而这两个方法可以让其刷新完毕过后还保留其中用户输入的数据 这里就用到loaclStorage和sessionStorage方法 其两者的特点如下： 1、用来存储临时信息 2、只能存放字符串类型的对象 3、localStorage生命周期是永久 4、sessionStorage
sessionStorage的取值，存值，删除（用于浏览器存储客户端的访问数据）
a123789999的博客
12-29 2163
//sessionStorage作为HTML5的Web Storage的两种存储方式之一。 //用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据会被销毁。 //不是一种持久化的本地存储，会话级的存储。 //1，存值 sessionStorage['key']='value'; sessionStorage.setItem('key','value'); //2，取值 var v=sessionStorage['key']; var f=sessio
indexeddb 大小_初窥浏览器数据存储 Cookie、Local Storage、Session Storage、IndexedDB、Web SQL...
weixin_39962675的博客
12-01 434
随着··· ···，废话就不多铺垫了，直接进入主题吧。浏览器有存储数据的需求，这两天查了下相关文档，重点学习了下。以谷歌浏览器 F12 调出控制台，主要有 Cookie、Local Storage、Session Storage、IndexedDB、Web SQL 几种方案，下面逐一简单说下。Cookie最早用于 HTTP 状态管理机制，Cookie 通常在 Web 应用程序中用于识别用...
sessionStorage 存、取、删除、清空数据方法封装
热门推荐
yumihe
06-17 1万+
存数据：sessionStorageSet // 存数据 export const sessionStorageSet = (name, obj) => { if (typeof obj === 'undefined') { return false } // obj为undefined或null或空字符串不能存储，布尔值可存储，但取时为字符串 if(!obj && (typeof obj === 'undefined' || typeof obj === '.
H5的storage(sessionstorage&localStorage)简单存储删除
生命不息，学习不止！
03-20 1万+
一 众所周知，H5的storage有sessionstorage&localStorage，其中他们的共同特点是API相同 下面直接上代码，storage中的存储与删除: html> lang="en"> charset="UTF-8"> name="viewport" content="width=device-width, initial-scal
sessionstorage和localstorage和cookie的区别
12-24
sessionStorage和localStorage是Web存储机制，用于在用户的浏览器中存储数据，以便在多个页面间共享。它们的主要区别在于数据持久性和生命周期。Cookie也是浏览器的一部分，用于存储特定的用户数据，但它有一些重要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值