localStorage和sessionStorage，cookie

最新推荐文章于 2024-06-28 19:17:57 发布
原创 最新推荐文章于 2024-06-28 19:17:57 发布 · 276 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#缓存

这篇博客探讨了三种常见的客户端数据存储方式：localStorage、sessionStorage和cookie。localStorage提供持久化的本地存储，数据在不被主动删除的情况下永久保留；sessionStorage则在页面关闭后删除数据，两者都在同一域内共享信息，但只有localStorage在本页面操作时不触发Storage事件。而cookie具有大小限制，并且可以设置过期时间，过期后会被浏览器自动删除。这三种存储方式各有特点，在不同的应用场景中起着关键作用。

localStorgae

1.持久化的本地存储，除非主动删除数据，否则数据永远不会过期。

2.储存的信息在同一域是共享的

3.当操作了localStorage时，本页面不会触发Storage事件，但是别的·页面会触发storage事件。

sessionStorage

4.大小：5M

5.受同源策略的限制

1.一旦页面关闭，sessionStorage将会删除数据，（其他的基本上与localStorage基本相同

cookie

cookie 设置的cookie 过期时间之前一直有效，给cookie设置过期时间后，这样cookie过期后就会被浏览器删除

wx479
关注
localStorage、sessionStorage 和 cookie介绍以及三者的区别
qq_48763502的博客
08-21 1004
localStorage：长期存储数据，不会随会话结束而丢失，适用于存储较多的数据。sessionStorage：会话级别存储数据，浏览器会话结束时丢失，适用于存储较少的数据。cookie：可以与服务器交互，每个 cookie 的大小限制较小，适用于需要在客户端和服务器之间传递信息的场景。
cookie、sessionSttorage、localStory的区别
qq_45470322的博客
12-23 810
区别 cookie localStorage sessionStorage 由谁初始化 客户端或服务器，服务器可以使用Set-Cookie请求头。 客户端 客户端 过期时间 手动设置 永不过期 当前页面关闭时 在当前浏览器会话（browser sessions）中是否保持不变 取决于是否设置了过期时间 是 否 是否与域名（domain）相关联 是 否 否 是否随着每个 HTTP 请求发送给服务器 是，Cookies 会通过Cookie请求头，自动发送给服务器 否 否 容量...
js本地存储（localStorage）
2201_75918981的博客
03-17 1894
运行结果： 控制台打印obj对象，且通过f12->Application->Local Storage可以查看到存入了的JSON字符串格式的obj。运行结果：控制台打印666，且通过f12->Application->Local Storage可以查看到存入了键为number，值为666的值。取数据：JSON.parse(localStorage.getItem('obj')) //将obj先取出，再转为原来的数据格式。取数据：localStorgae.getItem(key)
HTML本地存储，localstorg的应用实例
weixin_33794672的博客
01-18 208
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 #btn{width:100px;height:...
前端面试题（四）：cookie， session 和 localstorage 的区别
lizhengxv的博客
08-09 1万+
1.cookie 和 session 的联系 session（会话）是跟踪web程序中常用的技术，用来跟踪用户的整个回话过程。它可以弥补http协议无状态的不足。常用的会话跟踪技术是 cookie 和 session。 cookie通过在客户端的记录信息，确定用户身份，session通过在服务器端记录信息确认用户身份。 只要cookie能做到的，session也能做到。 比如，如果没有 co...
localStorage存储
weixin_38378596的博客
09-30 341
localStorage存储简单说明 （1）简单对比：保存在本地 + 没有时间限制 （2）大小比较：4K - 5M - 20M （3）使用方式和sessionStorage相同示例代码<input type="text"> <button class="btn1">添加</button> <button class="btn2">获取</button> <button clas
精选资源
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
localstorage和sessionstorage cookie
08-22
localStorage、sessionStorage和cookie都是用于在浏览器端存储数据的方式，但它们有一些区别。 首先是数据在浏览器与服务器之间的传递方式。cookie在浏览器与服务器之间来回传递，而sessionStorage和localStorage只...
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
在Web开发中，数据存储是不可或缺的一部分，jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储，包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
localstorage和sessionstorage cookie区别
08-23
localstorage、sessionstorage和cookie都是用来存储数据的，但它们之间有以下区别： 1. 存储容量：cookie的存储容量最小，只有4KB，而localstorage和sessionstorage的存储容量可以达到5MB。 2. 存储位置：cookie的...
前端存储都有哪些
最新发布
weixin_72324200的博客
06-28 619
html5 提供的一种浏览器本地存储的方法，它借鉴了服务端session的概念，代表的是一次会话中所保存的数据。它一般能够存储5M或者更大的数据，它在当前窗口关闭后就失效了，并且sessionStorange只能被同一个窗口的同源页面所访问共享。它和sessionStorange不同的是，除非手动删除它，否则它不会失效，并且localStorage也只能被同源页面所访问共享。它的优点有缩短网页请求资源的距离，减少延迟、节省流量，由于缓存文件可以重复利用，减少服务器的压力，提高客户端的响应。
Cookie、sessionStorage、localStorage的区别
2401_84149996的博客
05-04 534
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
4、cookie、sessionSttorage、localStory区别
beiniao520的博客
04-28 4356
cookie、sessionSttorage、localStory区别cookie、sessionSttorage、localStory都是在客户端以键值对存储的存储机制，并且只能将值存储为字符串 cookielocalStoragesessionStorage由谁初始化客户端或服务器，服务器可以使用Set-Cookie请求头。客户端客户端过期时间手动设置永不过期当前页面关闭时在当前浏览器会话（b...
localStorage使用总结
weixin_33675507的博客
06-26 5529
一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。   二、localStorag...
localstory的储存与取出
weixin_30532987的博客
06-01 459
localstory setItem(“数据名称”)，//相当于存入本地硬盘 localstory getItem("数据名称")，//取出 如果需要转换的话 localstory setItem("数据名称",JSON.stringify(数组对象))//对象转化成字符串 localstory setItem("数据名称"，JSON.parse(字符串))//字符串转化成对象 ...
封装localStory的存取方法
u011200562的博客
08-22 683
let namespace="mall" //命名空间 export function saveItem(key,value){ let storage=window.localStorage.getItem(namespace) if(!storage){ storage={} }else{ storage=JSON.parse(storage) } storage[key]=value window.lo..
HTML5 Web 存储（localStorage和sessionStorage）
sleepwalker_1992的专栏
09-24 1万+
HTML5 Web 存储是本地存储，存储在客户端，包括localStorage和sessionStorage。HTML5 Web 存储是以键/值对的形式存储的，通常以字符串存储。 localStorage localStorage生命周期是永久，除非主动清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通...
什么是localStorage?
张晨光老师的播客
02-13 1万+
一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 二、localStorag...
localStorage（本地储存）
热门推荐
blackhehaha的博客
05-11 7万+
在HTML5中，加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。它只能存储字符串格式的数据，所以最好在每次存储时把数据转换成json格式，取出的时候再转换回来。 loca...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值