3-localStorage、sessionStorage、cookie

最新推荐文章于 2024-06-16 09:00:57 发布
最新推荐文章于 2024-06-16 09:00:57 发布
阅读量71 收藏
点赞数
分类专栏： HTML5 文章标签： html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43714814/article/details/121736132
版权

cookies local Storage 可以在任意窗口访问

sessionStorage只能在当前标签页访问

cookies的过期时间可以手动设置

localStorage是永远不过期的

SessionStorage在标签页关闭后过期

读取cookie

document.cookie

设置cookie

document.cookie = "name = Tom"

设置localStorage

localStorage.setItem('早餐','牛奶')

读取localStorage

localStorage.getItem('早餐')

删除localStorage

localStorage.removeItem('早餐')

全部删除localStorage

localStorage.clear()

设置SessionStorage

设置相同的键名key会进行替换

SessionStorage.setItem('午餐','披萨')

读取SessionStorage

SessionStorage.getItem('午餐')

valueyear
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
cookie、localStorage和sessionStorage的特点及用法
L_u_c_k_y_m_a_n的博客
06-04 85
cookie 一般由服务器生成,存放到客户端(浏览器中的)可以设置失效时间；若没有设置时间，关闭浏览器cookie失效，若设置了时间，cookie就会存放在硬盘里，过期才失效.存储大约4Kb,存放条数30-50条左右, // Date时间函数 var d = new Date() // 获取系统内置时间 var o = d.getTime() // 获取当前的时间戳 var b = d.getTime()+(7*60*60*24*1000) // 7天后的时间戳 var b = d.getTime()+(6
三大缓存技术--localStorage、sessionStorage、Cookie
qq_56668869的博客
07-25 1011
前端三大缓存技术、客户端存储、cookie、localStorage、sessionStorage、三者的区别
浏览器的localStorage和sessionStorage
小超人日常码字
09-08 190
本地存储 数据都存储在用户的浏览器里 读取方便 sessionStorage 存 5M localStorage 存 20 M 只能存字符串格式数据 key ：value sessionStorage 生命周期： 关闭浏览器窗口数据就没了 数据共享： 只有在同一个窗口(页面)下数据可以共享 存储5M 语法： 存储数据：sessionStorage.setItem('key', 'val...
sessionStorage在不同页签中的数据是否共享问题及解决思路
m0_56986233的博客
08-04 2978
sessionStorage在不同页签中的数据共享问题
sessionStorage不能跨标签页解决方案--vue项目
weixin_43837305的博客
09-23 7872
sessionStorage不能跨标签页解决方案–vue项目 现有的浏览器存储机制 localStorage ：~5MB，数据永久保存直到用户手动删除 sessionStorage ：~5MB，数据只在当前标签页有效 cookie ：~4KB，可以设置成永久有效 session cookie ：~4KB，当用户关闭浏览器时删除（并非总能立即删除） 安全的认证token保存 一些重要的系统会要求当用户关闭标签页时会话立刻到期。 为了达到这个目的，不仅绝对不应该使用cookies来保存任何敏感信息（例如认证to
vue-storages:只是为了Vue应用localStorage sessionStorage cookie
05-01
序这是一个关于浏览器cookie，sessionStorage，localStorage操作的插件，它增加并完善了原有API功能。该插件包括, , 三个部分，使用方法非常简单，直接引入即可。vue-storages在vue开发环境下的使用方法安装采用npm...
Cookie localStorage sessionStorage区别和使用
01-07
Cookie Cookie是什么：指某些网站存储在用户本地终端的数据 作用理解：登陆一个网站，保存了数据，近期不用再登录 应用层面来说：cookie是一段字符串； js层面来说：cookie是document对象下的一个String类型的属性 ...
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
cookie，localStorage和sessionStorage都是浏览器本地存储数据的地方,其用法不尽相同，今天小编通过本文给大家分享jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法，需要的朋友参考下吧
ngx-store：Angular装饰器可以自动将变量保留在HTML5 LocalStorage，SessionStorage，Cookie中； 可注入服务，用于管理和侦听数据更改等
02-01
角度存储Cookie，会话和本地存储的装饰器和服务该库添加了装饰器，使使用HTML5的localStorage和sessionStorage自动保存和恢复变量变得非常容易。 它还提供了Angular-Injectable Session-和LocalStorageService。包括...
HTML5休闲小游戏《城堡守卫传说》源码，引流、刷广告利器
qq_18463023的博客
06-12 302
HTML5休闲小游戏《城堡守卫传说》源码，直接把源码上传到服务器就能使用了！ 下载链接：https://www.huzhan.com/code/goods467802.html
HTML静态网页成品作业(HTML+CSS)—— 零食商城网页(1个页面)
weixin_42283461的博客
06-14 373
HTML静态网页成品作业(HTML+CSS)—— 零食商城网页(1个页面)
HTML前端
2302_77125952的博客
06-15 535
比如< 和 >,我们不能直接在页面中使用< 和 >号，因为浏览器会将它解析为html签。提供许多标签，不同标签功能不同，网页就是通过这些标签描述出来的，最终由浏览器解释运行我们看到的网页。HTML 使用超级链接与网络上的另一个文档相连，通俗的说就是 通过连接来访问其他网页资源。<标签 属性=“ ”/>完成一个特定的设置功能，没有标签体 换行标签。<开始标签>标签名</结束标签> 闭合标签（双标签）标签中可以有属性：可以标签属性。table标签：表格标签。tr标签：表格中的行。td标签：表格单元格。
HTML---盒子模型
最新发布
Dreamkidya的博客
06-16 1014
盒子模型在网页设计中扮演着至关重要的角色，它是控制元素布局和样式的基础。本文将详细解析盒子模型的概念、结构和应用，帮助读者更好地掌握这一概念。无论您是初学者还是有经验的开发者，了解盒子模型都是必不可少的。通过深入了解盒子模型，您将能够更加灵活地控制网页元素的外观和布局，提升网页设计的效果和体验。让我们一起探究盒子模型的奥秘，为您的网页设计增添更多可能性作者建议:学习知识在于深度理解，多动手、多动脑，总能更快地领悟。不要仅仅停留在阅读代码的层面，亲自动手敲打一遍，会带来更丰富的收获。
超文本标记语言（HTML）简介
一起coding，一起嗨。
06-15 500
超文本标记语言（HTML）简介
DAY02 HTML
adminstate的博客
06-15 786
HTML基础学习
【html】如何利用HTML+CSS制作自己的印章
weixin_56334307的博客
06-10 738
大家有没有尝试过用HTML和CSS制作自己的印章.首先印章圆形的边框。
HTML静态网页成品作业(HTML+CSS)—— 家乡成都介绍网页(4个页面)
weixin_42283461的博客
06-13 503
HTML静态网页成品作业(HTML+CSS)—— 家乡成都介绍网页(4个页面)
前段。html
lllzhou的博客
06-12 668
查看</a><a th:href="@{/user/create}">新增</a><a th:href="@{/}">返回</a><a th:href="@{/}">返回操作编辑用户
localStorage sessionStorage cookie
08-19
localStorage、sessionStorage和cookie都是在Web开发中用于在浏览器端存储数据的机制。 localStorage是一种持久化存储机制，数据会一直保存在浏览器中，直到被显式清除或通过代码删除。存储在localStorage中的数据可以跨会话和页面保持不变，即使浏览器关闭和重新打开也不会丢失。localStorage只能通过JavaScript访问，它提供了setItem、getItem和removeItem等方法来操作存储的数据。 sessionStorage也是一种存储数据的机制，但与localStorage不同的是，存储在sessionStorage中的数据仅在当前会话（当前标签页或窗口）中有效。当会话结束（标签页或窗口关闭）时，存储在sessionStorage中的数据就会被清除。sessionStorage的使用方法和localStorage相似，也是通过setItem、getItem和removeItem等方法来操作数据。 cookie是一种在浏览器和服务器之间传递的小型文本文件，用于存储会话相关的信息。与localStorage和sessionStorage不同，cookie的数据会随着每个HTTP请求发送到服务器端，并且可以设置过期时间。由于cookie会在每个请求中传输，所以存储在cookie中的数据大小有限制（通常为几KB）。可以使用JavaScript或服务器端语言来设置和读取cookie。 总结：localStorage和sessionStorage主要用于在浏览器端持久化存储数据，而cookie主要用于在浏览器和服务器之间传递会话相关的信息。具体使用哪种机制取决于实际需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值