首页 > 其他分享 >cookie、localStorage和sessionStorage的区别

cookie、localStorage和sessionStorage的区别

时间:2022-08-17 13:45:46浏览次数:64  
标签:浏览器 sessionStorage H5 cookie localStorage 窗口

都是一种存储机制

  cookie localStorage sessionStorage
大小 4kb 10Mb (同步执行,太大会影响渲染进度) 5Mb
兼容 H4/H5 H5 H5
访问 任何窗口 任何窗口 同一窗口(相对安全性较高)
有效期 手动设置 无(但可自行删除) 窗口关闭即失效
存储位置 浏览器和服务器 浏览器 浏览器
与请求一起发送?
语法

相对麻烦

document.cookie= ‘‘

简易

localStorage.setItem(key, value) //设置

localStorage.removeItem(key, value) //移除

同localStorage

标签:浏览器,sessionStorage,H5,cookie,localStorage,窗口
From: https://www.cnblogs.com/wjl1124/p/16588443.html

相关文章

  • 接口测试经典面试题:Session、cookie、token有什么区别?
    原文链接HTTP是一个没有状态的协议,这种特点带来的好处就是效率较高,但是缺点也非常明显,这个协议本身是不支持网站的关联的,比如https://ceshiren.com/和https://ceshiren.co......
  • cookie获取的范围有多大、Coolie特点和作用
    cookie获取的范围有多大cookie获取范围多大?假设在一个tomcat服务器中,部署了多个web项目,那么这些web项目中cooklie能不能共享默认情况下cookie......
  • Cookie细节存活时间、Cookie储存中文数据
    Cookie细节存活时间Cookie在浏览器中保存多长时间默认情况下,当浏览器关闭后,Cooklie数据被销毁持久化存储:setMaxAge(intseconds)......
  • 会话技术概述、会话技术Cookie入门
    会话技术概述会话:一次会话中包含多次请求和响应一次会话:浏览器第一次给服务器资源发送请求,会话建立,直到有一方断开为止功能:在一次会话的范围内的多次......
  • localstorage和sessionStorage一起使用的坑
    背景分析:1、项目中有投递简历后,发送至招聘者邮箱,此时招聘者从邮箱点击邮箱链接跳转至具体的简历详情页面。2、该简历详情页面需要登录后才能访问,而从邮箱点开的......
  • Express 项目,res.cookie() 设置 Cookie 无法被保存在浏览器的 Application 中
    res.cookie()给客户端响应头封装的Cookie无法被保存在客户端浏览器的Application中,只能在Set-Cookie中看到有这个值:经过多方的搜索和查询,前后端分离项目中,存在跨......
  • Express 使用 Cookie
    在使用Cookie之前,需要给Express加载中间件,cookie-parser:npmicookie-parserExpress使用中间件:importexpressfrom"express";importcookieParserfrom"cooki......
  • sessionStorage的使用
    //保存数据到sessionStoragesessionStorage.setItem('key','value');//从sessionStorage获取数据letdata=sessionStorage.getItem('key');//从sessionSto......
  • Cookie的特点和作用、Cookie案例
    Cookie的特点和作用cookie存储数据在客户端浏览器浏览器对于单个cookie的大小有限制(4kb)以及对同一个域名下的总cookie数量也有限制(20个)作用:cookie一般用于存储少量......
  • cookie,localStorage和sessionStorage的区别?
    区别一:存储数据大小不同1.cookie的存储数据大小在不能超过4kb,每个页面最多存储20个cookie2.localStorage能达到10mb,sessionStorage能达到5mb,虽然容量比cookie大,但是local......