cookie 与html5 中的localstorage 与sessionstorage的异同

最新推荐文章于 2022-09-19 21:29:21 发布
最新推荐文章于 2022-09-19 21:29:21 发布
阅读量1k 收藏
点赞数
分类专栏： 前端技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012125579/article/details/47155679
版权
本文对比了Cookie与WebStorage的特点及使用场景。Cookie主要用于与服务器交互，受大小限制且需指定作用域；WebStorage提供了更丰富的API如setItem、getItem等，并拥有更大的存储空间。
摘要由CSDN通过智能技术生成
Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用


域，不可以跨域调用。


Web Storage拥有setItem,getItem,removeItem,clear等方法，操作简单 不像cookie需要前端开发者自己封装setCookie，getCookie。


Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 而Web Storage仅仅是为了在本地“存储”数据而生


localstorage 为5M（可永久保存） cookie为 4k


cookie对XSS做了处理 ，而 localstorage没有  


sessionstorage指存在于服务器交互的会话中，会话结束就消失

cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
html中 cookie设置
lychao89的专栏
09-14 1万+
box==“checkBox  ‘是否记住用户密码’”； loginName，password为用户名和密码。 html初始化检查是否含有cookie window.onload=function init() {    var box = getCookie("box_"+str);  var username = getCookie("usn_"+str);  va
关于html页面设置cookie
修行的博客
02-15 9161
一般登录成功后，需要将用户信息保存在cookie，方便其他页面的使用。 类似于这样： Cookies.set("userid",result.user.userid,{ expires:1, path:"/" }); Cookies.set("usertype",result.user.usertype,{ expires:1, path:"...
html页面加载php的setcookie,js / php设置cookie并从select元素重新加载页面(js/php set cookie and reload page from a sele...
weixin_34150870的博客
04-11 2377
js / php设置cookie并从select元素重新加载页面(js/php set cookie and reload page from a select element)我刚刚测试了这个在一个更大的项目中工作，其中设置的变量将用于其他设置。 选择select元素中的项目时，将设置cookie并重新加载页面，并使用cookie值设置要在重新加载的页面上使用的变量。 在下面的测试代码中，回显变...
html页面获取cookie值,如何在HTML中打印出cookie值？
weixin_30546201的博客
06-07 2583
在setCookiesA.php，有名为c(颜色)和MAXNUM存储(猜测的最大数目)两个cookie。存储cookies后，玩家将被重定向到GuessingA.php。的代码如下所示：setCookie("c",$_GET["itemChosen"],time()+(86400 * 365), "/");setCookie("maxNo",$_GET["noGuess"],time()+(864...
本地HTML网页如何保存Cookie
Kysou的博客
09-19 1599
主要讲解了如何在本地HTML中保存Cookie和获取Cookie的3中方法，推荐在制作H5 APP时使用。
HTMl5的存储方式sessionStorage和localStorage详解
09-28
HTML5的Web Storage引入了两种新的本地数据存储方式：`sessionStorage`和`localStorage`，它们解决了传统Cookie在存储容量和性能上的限制，为Web应用提供了更高效的数据管理能力。 `sessionStorage`主要用于存储...
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
09-28
HTML5的本地存储功能主要由两个API提供：localStorage和sessionStorage。它们允许Web应用程序在用户的浏览器上持久存储数据，而不依赖于服务器或Cookie。这两者的主要区别在于数据的生命周期：localStorage的数据...
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
SessionStorage与LocalStorage相似，但其生命周期与浏览器的会话（当前窗口或标签页）绑定。一旦窗口关闭，SessionStorage中的数据将被清除，这使得它适合存储临时性的会话信息。 SessionStorage的使用方法与...
HTML5中Localstorage的使用教程
09-28
在HTML5中，Localstorage是一个重要的特性，它为Web应用程序提供了一种在用户浏览器上持久存储数据的方法，无需借助服务器或Cookie。Localstorage的设计目标是解决Cookie存在的大小限制和不必要的HTTP传输问题，尤其...
HTTP Cookie header 中set-cookie格式
lxw1844912514的博客
08-18 7995
Cookie相关的Http头 有 两个Http头部和Cookie有关：Set-Cookie和Cookie。 Set-Cookie由服务器发送，它包含在响应请求的头部中。它用于在客户端创建一个Cookie Cookie头由客户端发送，包含在HTTP请求的头部中。注意，只有cookie的domain和path与请求的URL匹配才会发送这个cookie。 ...
15 html meta属性（set-cookie和cache)
fancivez的专栏
03-31 4862
HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有： 1、Content-Type和Content-Language （显示字符集的设定）转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com 说明：设定页面使用的字符集，用以说明主页制作
HTTP请求中的cookie与set-Cookie的交互方式以及各自作用
weixin_34348111的博客
06-04 1万+
2019独角兽企业重金招聘Python工程师标准>>> ...
setcookie参数详解
三少的专栏
01-22 1万+
setcookie() 函数向客户端发送一个 HTTP cookie。  cookie 是由服务器发送到浏览器的变量。cookie 通常是服务器嵌入到用户计算机中的小文本文件。每当计算机通过浏览器请求一个页面，就会发送这个 cookie。  cookie 的名称指定为相同名称的变量。例如，如果被发送的 cookie 名为 "name"，会自动创建名为 $user 的变量，包含 cookie 的值。
原生js cookie的使用实例setCookie()、getCookie()方法
moyan的博客
07-25 1万+
01  02  03 原生js cookie的使用实例setCookie()、getCookie()方法 04  language="javascript"> 05  06 function setCookie(){ 07    var never = new Date(); 08    //设置never的时间为当前时间加上十年的毫秒值 09    never.setTime
html实现cookie的存取删
TJLsir的博客
08-16 5385
直接上代码<script> function SetCookie(name,value)//两个参数，一个是cookie的名子，一个是值 { var Days = 30; //此 cookie 将被保存 30 天 var exp = new Date(); //new Date("D
js setCookie和getCookie
热门推荐
不如养猪！
12-01 2万+
function setCookie(name,value){ var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*30); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString
HTML5 localStorage与sessionStorage详解
sessionStorage与localStorage类似，但它仅在当前会话期间有效。当用户关闭浏览器窗口或标签页后，sessionStorage中的数据将被清除。这意味着它主要用于临时存储用户在特定会话中的数据，如购物车信息或表单状态。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值