Localstorage、sessionStorage、cookie 的区别

2024-05-11 02:52:58

一、Localstorage、sessionStorage、cookie 的区别是什么？

共同点：都是保存在浏览器端的，且同源的。

区别：

1.cookie数据始终携带在同源的http请求中，即cookie在浏览器和服务器间来回传递，而sessionStorage和Localstorage不会自动把数据发送给服务器，只在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。

2.存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所有cookie只适合保存很小的数据。如会话标识。sessionStorage和Localstorage虽然也有大小储存的限制，但比cookie大很多。可以达到5M或更大。

3.数据有效期不同，sessionStorage，仅在当前浏览器窗口关闭之前有效，Localstorage始终有效，窗口或者浏览器关闭也一直保存，除非手动删除，cookie只在设置的cookie过期时间之前有效，即使窗口关闭或浏览器关闭。

4.作用域不同，sessionStorage不能在不同的浏览器中共享，即使是同一个页面，locastorage在所有的同源窗口中都是共享的，cookie也是在所有同源窗口中共享的。

5.web Storage支持事件通知机制，可以将数据更新的通知发送给监听者。

6.web storage 的api接口使用更方便。

二、H5的浏览器储存有哪些？

1.cookie

cookie自身有一个过期属性，并且在每次的通信过程中会传送向服务端。

2.localStorage、sessionStorage

-localStorage：永久储存，除非手动删除就一直存在。

-sessionStorage：只存在一个页面周期内，页面关闭就清除了。

3.indexedDB

内嵌在浏览器端的非关系型数据库，数据以键值对的形式存储，兼容性良好 indexDB 直接操作的存储对象是 ObjectStore，这有点类似其他数据库中 table 概念。

4.websql

内嵌在浏览器的关系型数据库，前端可以像在使用 mysql、Oracle 一样的写 sql 语句，并存储信息。兼容性良好。存储后可在浏览器 resource 中查看

5.window变量

生命周期有限，一般不使用，常用于全局变量的临时储存。

Localstorage、sessionStorage、cookie 的区别相关推荐

客户端 localStorage, sessionStorage, cookie 的区别
SessionStorage, LocalStorage, Cookie这三者都可以被用来在浏览器端存储数据,而且都是字符串类型的键值对! 区别在于前两者属于WebStorage,创建它们的目的便是存 ...
浏览器缓存 HTTP缓存-CDN缓存-localstorage/sessionstorage/cookie
文章目录浏览器缓存面试题概述 HTTP缓存 -提高二次请求响应速度 HTTP的缓存控制,如何设置缓存策略 CDN缓存 -提高首次请求资源的响应速度 CDN的核心功能 CDN的基本原理 local ...
浅谈 sessionStorage、localStorage、cookie 的区别以及使用
1.sessionStorage.localStorage.cookie 之间的区别相同点 cookie 和 webStorage 都是用来存储客户端的一些信息不同点 localStorage l ...
Cookie、session以及localStorage与sessionStorage之间的区别
一.Cookie.session和localStorage的区别 cookie的内容主要包括:名字.值.过期时间.路径和域.路径与域一起构成cookie的作用范围.若不设置时间,则表示这个cooki ...
Cookie、session和localStorage、以及sessionStorage之间的区别
转载自https://www.cnblogs.com/zr123/p/8086525.html Cookie.session和localStorage.以及sessionStorage之间的区别一. ...
sessionStorage localStorage cookie的区别
sessionStorage localStorage cookie的区别基本概念 cookie:是网景公司的前雇员在1993年发明.它的主要用于保存登陆信息,比如登陆某个网站市场可以看到'记住密码 ...
sessionStorage 、localStorage 和 cookie 之间的区别(转)
essionStorage .localStorage 和 cookie 之间的区别(转) 2012-05-08 14:29:19| 分类: HTML5CSS3WEBAPP|举报|字号订阅 ses ...
2.javascript之缓存 localStorage 和sessionStorage之间的区别
2018-08-04 前言今天做项目的时候遇到了这个问题,用户登录成功之后如何改变将登录的链接切换为用户名解决方案:使用了sessionstorage缓存和js的onload加载事件用户登录成 ...
本地存储-cookie|localStorage|sessionStorage|indexedDB
本地存储本地存储 cookie 如何工作问题 cookie标准限制属性 expires|max-age domain&path secure HttpOnly 设置cookie 服务端设 ...
cookie localStorage sessionStorage _(¦3」∠)_ 看完你居然就懂了！！！
知识点 cookie sessionStorage localStorage cookie 本身用于浏览器和server通讯被 "借用" 到本地存储可用 document.co ...

最新文章

热门文章