localStorage与sessionStorage区别

最新推荐文章于 2024-07-25 07:49:46 发布
最新推荐文章于 2024-07-25 07:49:46 发布
阅读量74 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53221097/article/details/130267279
版权

  • 1.相同点

    • 作用一致 ： 用于存储数据

    • 都是只能存储字符串类型数据(上限5MB)

  • 2.不同点： 存储方式不同

    • localStorage : 硬盘存储 （永久存储，页面关闭还在，存在硬盘）

    • sessionStorage ：内存存储 （临时存储，页面关闭了就消失）

  • 3.localStorage与sessionStorage如何存储引用类型数据（数组和对象）

    • 转json存储

    • json -> js :   let jsObj = JSON.parse( json格式 )

    • js -> json :   let jsonStr = JSON.stringify( js对象 )

qq_53221097
关注
cookie，localStorage,sessionStorage区别与应用
01-07
sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非自己删除 浏览器关闭，...
定时关闭广告2020/11/24
weixin_50286102的博客
11-24 539
setTimeout(function() { ad.style.display = ‘none’ }, 2000) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=
localStorage和sessionStorage之间的区别？
热门推荐
weixin_47450807的博客
03-22 1万+
一、写在前面 今天总结一下localStorage和sessionStorage之间的区别。 二、具体区别 2.1、声明周期的区别 localStorage是永久存储在浏览器中，只要当用户不删除数据，则该数据就会一直存放在localStorage中。sessionStorage是会话级别的存储，从名字session我们就可以看出来了，也就是当用户关闭浏览器，此时数据就会被销毁。 2.2、存储大小：localStorage和sessionStorage存储大小都是5MB。 2.3、sessionStorage
session与cookie的区别以及HTML5中WebStorage理解
weixin_30566111的博客
07-27 512
一、session与cookie的区别 二、HTML5中WebStorage理解 WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。 WebStorage两个主要目标：（1）提供一种在cookie之外存储会话数据的路径。（2）提供一种存储大量可以跨会话存在的数据的机制。 HTML5的WebStorage提供了两...
localStorage和sessionStorage的区别
qwerrerfjj的博客
11-30 2227
每日一题
localStorage 和 sessionStorage 区别
最新发布
suk_java的博客
07-25 585
localStorage 和 sessionStorage 区别
localstorage和sessionstorage使用记录(推荐)
09-27
1. **会话存储**：与`localStorage`不同，`sessionStorage`的数据只在当前浏览器会话中有效，当用户关闭浏览器窗口时，数据将被清除。 2. **局部作用域**：尽管`sessionStorage`也允许跨页面访问，但仅限于同一个...
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
SessionStorage与LocalStorage相似，但其生命周期与浏览器的会话（当前窗口或标签页）绑定。一旦窗口关闭，SessionStorage中的数据将被清除，这使得它适合存储临时性的会话信息。 SessionStorage的使用方法与...
store:使用localStorage和sessionStorage的更好方法
05-11
一种功能丰富且友好的方式，可以利用localStorage和sessionStorage（JSON，命名空间，扩展等）。 下载： 或 ： npm install store2 ： Install-Package store2文献资料主要存储功能可以直接处理set ， get ， ...
sessionStorage和localStorage的区别
cx1361855155的博客
08-03 922
sessionStorage 和 localStoraged 的用法基本一致，sessionStorage和localStorage都具有相同的操作方法，列如setItem()，getltem()和removeItem()等，引用类型的值要转换成JSON。sessionStorage和localStorage：不会自动把数据发送给服务器，仅在客户端中保存，不参加服务器通讯。localStorage：本地存储只能通过手动清除，否则会一直保存。获取指定的key本地存储的值。删除指定的key本地存储的值。...
localStorage和sessionStorage的共同点和区别
罗毅豪的博客
12-06 133
共同点： 1、localStorage和sessionStorage都是用来存储客户端临时信息的对象。 2、他们均只能存储字符串类型的对象，所以要存储数组或对象必须使用JSON.stringify()加工。 3、不同浏览器无法共享localStorage或sessionStorage中的信息。 区别： 1、sessionStorage存储的值关闭浏览器后会自动清除；而localStorage存储...
Cookie、Session、LocalStorage 和 SessionStorage 的区别详解
m0_65084430的博客
06-15 4106
在前端开发中，数据存储和状态管理是非常重要的内容。常用的存储方式有 Cookie、Session、LocalStorage 和 SessionStorage。本文将详细介绍这四者的区别，帮助开发者更好地理解和选择合适的存储方案。Cookie 是由服务器生成并发送到客户端的一小段数据，客户端会将其存储并在后续请求中携带，帮助服务器识别用户。用户身份认证（如记住登录状态）存储用户偏好设置跟踪用户行为（如广告点击记录）// 设置 Cookiepath=/";// 读取 Cookie。
Cookie、sessionStorage和localStorage的区别是什么？
Niucode的博客
01-14 1266
Cookie、sessionStorage和localStorage都是在浏览器中存储数据的方式，但它们有一些重要的区别。
cookie、session、localStorage 和 sessionStorage 区别及应用场景
weixin_43190804的博客
02-23 4196
1.概念理解 Cookie它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStorage 是 HTML5 标准中新加入的技术，localStorage的生命周期是永久性的。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据。 sessionStorage 与 localStorage 的接口类似，相较cookie一般存储大一些的数据，但保存数据的生命周期与
HTML5 localStorage与sessionStorage详解
sessionStorage与localStorage类似，但它仅在当前会话期间有效。当用户关闭浏览器窗口或标签页后，sessionStorage中的数据将被清除。这意味着它主要用于临时存储用户在特定会话中的数据，如购物车信息或表单状态。 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值