Web Storage中的两种存储方式与cookie的区别

最新推荐文章于 2022-01-22 21:14:31 发布
最新推荐文章于 2022-01-22 21:14:31 发布
阅读量353 收藏 1
点赞数
文章标签： web本地存储 cookie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/successLadder/article/details/96423208
版权

localStorage sessionStorage cookie

  • 三者不同点

  1. 定时不同
    cookie 在关闭浏览器进程后，cookie都会被销毁，但可以设置时间定时
    localStorage 永久保存
    sessionStorage 无法设置时间定时

  2. 存储大小不同
    cookie：5kb（IE:4kb）
    localStorage：1M
    sessionStorage：1M

  3. 作用域不同
    cookie 所有同源窗口共享
    localStorage 所有同源窗口共享
    sessionStorage 所有同源窗口不共享

  4. localStorage和sessionStorage有事件通知机制，可以将数据更新的通知发送给监听者，cookie没有

  5. localStorage和sessionStorage的API接口使用更方便

success-ladder
关注
web Storage[sessionStorage、localStorage]和cookie 的区别
add_L的博客
12-17 262
web Storage[sessionStorage、localStorage]和cookie 的区别 简介 web storage和cookie用于在浏览器中保存数据，属于在客户端的本地存储， 使部分数据实现持久化 Cookie cookie的中文意思是“小甜饼”的意思，确实cookie的存储空间较小，大小被限制在4KB左右，其主要的作用是保存用户的登录信息，避免用户在同域的平台需重复多次登录的情况（例如登录某宝时，点击某商品进入链接需登录一次，进入购物车换一个链接又需重新登录）。 代码如下（示例）： w
HTML5中的两种web存储
liying123466的博客
07-15 326
（1）localStorage：这里对数据的存储是长久的，除非你自己手动删除其中的数据 （2）sessionStorage：其中对数据的存储不是长久的，仅仅只是会话级别的存储，只有在同一个的会话页面的时候才可以访问其中的数据，并且在会话结束后其中的的数据就会被摧毁
Web Storage 存储
sunminb的博客
04-24 463
1.Web Storage 1.1 概述 web storage提供了一种比cookie更加直观方式来存储数据，其结构为键/值对。 web storage中提供两种机制： 1、sessionStorage，为每个指定的源维护一个独立的存储区域，该存储区域内的数据在页面会话期间可用（浏览器处理要开状态） 2、localStorage，为每个指定的源维护一个独立的存储区域，该存储区域内的数据即使在浏览...
web storage 的区别和使用
Lynn_z的博客
12-08 877
1.web storagehtml5 的web storage 包括localstorage 和sessionstorage 两种。 其中，localstorage 没有存储时间限制，在不主动删除的情况下数据永远有效，而sessionstorage 属于会话级别的存储，用户关闭浏览器窗口以后数据就会被删除。 存储数据数据时需要使用Json方法解析，具体使用如下： localstorage.set
html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。
高振的博客
07-06 2360
html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。 setItem存储value 用途：将value存储到key字段 用法：.setItem( key, value) 代码示例： sessionStorage.setItem("key", "value"); localStorage.setItem("si
localStorage、sessionStorage、webStorage、cookie的异同
月来better
06-24 230
相同点： localStorage、sessionStorage、webStorage、cookie具有存储功能 不同点： sessionStorage用于本地存储一个会话中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话存储结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非手动删除数据，否则数据是永远不会过期的。 webStorage和cookie概念相似，但其最大的区别就是webStorag
HTML5本地存储之Web Storage详解
09-28
Web Storage分为两种类型：Session Storage和Local Storage，两者都是用来在用户的浏览器上存储数据，但它们的生命周期不同。 Session Storage的设计类似于服务器端的Session，数据仅在当前浏览器窗口或标签页中...
JavaScript学习教程之cookie与webstorage
10-16
JavaScript中的Cookie和Web Storage是两种常见的数据存储机制，它们用于在客户端和服务器之间持久化数据，以解决HTTP无状态协议的问题。本文将详细介绍这两种技术及其使用。 首先，Cookie是最早被广泛使用的客户端...
存储篇 2：本地存储——从 Cookie 到 Web Storage、IndexDB(1).md
最新发布
04-01
WebStorage提供了两种不同的存储方案：LocalStorage和SessionStorage。LocalStorage提供了永久性的数据存储机制，存储在其中的数据不会因浏览器关闭而消失，除非开发者手动清除，这对于需要长期存储的应用场景非常...
HTML5 WebStorage(HTML5本地存储技术)
10-26
HTML5 WebStorage是现代网页应用中用于本地存储数据的关键特性，它解决了传统cookie技术的一些局限性，提供了更高效、安全的存储方式。WebStorage主要包含两种类型：localStorage和sessionStorage。 1. ...
html存储特点,HTML5中的Web存储－Web Storage的优缺点
weixin_39837041的博客
06-04 531
​HTML5中的Web存储HTML5的WebStorage提供了两种在客户端存储数据的方法，可以让web页面实现在客户端浏览器中以键值对的形式在本地保存数据。localStoragelocalStorage是一种没有时间限制的数据存储方式，可以将数据永久保存在客户端，浏览器的关闭并不意味着数据也随之消失，当再次打开浏览器时，依然可以访问这些数据。localStorage用于持久化的本地存储，除非主...
浅析web Storage
loveme2222的博客
10-03 357
最近工作中碰到很需求需要本地存储，发现自己对这方面的只知识了解的不是很透，使用不当会出点小问题，所以查了点资料粗略系统的总结了一下！ Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，在此我先简单介绍下cookie； CookieCookie是什么？ Cookie 是一小段文本信息，伴随着用户请求和页面在 Web 服务器和浏览器之
WebStorage概述
ClayGuitar的专栏
07-07 1406
WebStorage顾名思义，其功能就是在Web上储存数据的功能，这里的存储是针对客户端本地而言的。具体分为两种：sessionStorage、loaclStorage。 sessionStorage: 将数据保存在session对象中。session是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，也就是用户在浏览这个网站所花费的时间。session对象可以用来保存在这段时间
WebStorage篇
weixin_34034670的博客
06-11 127
【WebStorage篇】 用户登录状态、计数器或者小游戏等，但是又不希望用到数据库，就可以利用Web Storage技术将数据存储在用户浏览器中。 Web Storage是一种将少量数据存储在客户端(Client)磁盘的技术。 (1) Web Storage的概念 在网页没有Web Storage之前，其实已经有在客户端存储少量数据的功能，称为Coo...
三种浏览器存储方案，你还担心数据无处放吗
开心学前端 : )
01-22 1152
webStorage、indexedDB、cookie
localStorage使用总结
weixin_33675507的博客
06-26 5304
一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。   二、localStorag...
Webstorage特性
lost_path的博客
10-30 1853
Webstorage
webpack：proxy中cookie无法保存的解决办法
weixin_43160044的博客
07-06 3908
这几天做个小项目遇到了跨域问题，于是就用了webpack的proxy解决，用的挺爽的，但是做到登录之后，因为服务端使用cookie和sessionid做登录状态保存的，结果就悲催了，我发现它没有将cookie保存起来，简单来说就是我们本地用的是localhost，与我们跨域所用的域名对不上，网上看了下几位大神的博客都对我的项目没有什么作用，于是我又看了下http-proxy-middleware的...
HTML5 Web Storage：超越Cookie的本地数据存储
HTML5 Web Storage 是一个重要的功能，它为网页开发者提供了一种在客户端本地持久存储数据的能力，以替代旧版HTML4中的cookie。相较于cookie，Web Storage 具有显著的优势，主要表现在存储容量上。Cookie的大小通常...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值