cookies，sessionStorage 和 localStorage 的区别

Dr_Noooo 发布于2019-08-30 15:55 / 747人阅读

摘要：和不会自动把数据发给服务器，仅在本地保存存储大小数据大小不能超过和虽然也有存储大小的限制，但比大得多，可以达到或更大。

请描述一下 cookies，sessionStorage 和 localStorage 的区别？

1.cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据 - 通常经过加密
2.cookie数据始终在同源的http请求中携带，即使不需要，也会在浏览器和服务器间来回传递。
3.sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存

存储大小：
cookie数据大小不能超过4K
sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。

有效时间：
localStorage:存储持久数据，浏览器关闭后数据不丢失除非主动删除数据
sessionStorage:数据在当前浏览器窗口关闭后自动删除
cookie：设置的cookie过期时间前一直有效，即使窗口和浏览器关闭

iframe有那些缺点？

1.iframe会阻塞主页面的Onload事件;
2.搜索引擎的检索程序无法解读这种页面，不利于SEO;
3.iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。

什么是并行加载？
同一时间针对同一域名下的请求。一般情况，iframe和所在页面在同一个域下面，而浏览器的并加载的数量是有限制的

解决方案：
使用iframe之前需要考虑两个缺点，如果使用Iframe最好通过javascript动态给iframe添加src属性值，可以解决以上两个问题.



document.getelementbyid("fram").src="a2.html"

idc机房托管私有云 cookies和session的区别 cookie和session的区别 session和cookie的区别 session和cookie的区别和联系

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/117421.html

localStorage、sessionStorage、Cookie的区别及用法

摘要：的区别及用法是本地存储，存储在客户端，包括和。仅在当前会话下有效，关闭页面或浏览器后被清除。源生接口可以接受，亦可再次封装来对和有更好的支持。但需要程序员自己封装，源生的接口不友好。每个最多只能有条，每个长度不能超过。 localStorage、sessionStorage、Cookie的区别及用法 showImg(https://segmentfault.com/img/bVYLlH...

sf_wangchong 2019-08-21 17:41 评论0 收藏0
localStorage、sessionStorage、Cookie的区别及用法

摘要：的区别及用法是本地存储，存储在客户端，包括和。仅在当前会话下有效，关闭页面或浏览器后被清除。源生接口可以接受，亦可再次封装来对和有更好的支持。但需要程序员自己封装，源生的接口不友好。每个最多只能有条，每个长度不能超过。 localStorage、sessionStorage、Cookie的区别及用法 showImg(https://segmentfault.com/img/bVYLlH...

TalkingData 2019-08-05 12:25 评论0 收藏0
浅谈cookie，session和localStorage，sessionStorage的区别

摘要：保持状态保存在浏览器端，保存在服务器端存储的大小单个保存的数据不能超过大小没有限制。的目的是克服由所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。的生命周期是仅在当前会话下有效。写在前面既然是浅谈，就不会详细从底层原理解释这几个的区别，就简单地聊一下，这几个的区别，优缺点，应用场景 cookie和session 浏览器的缓存机制提供了可以将用户数据存...

frolc 2019-08-23 13:43 评论0 收藏0
Javascript本地存储小结

摘要：不是很安全，别人可以分析存放在本地的并进行欺骗，考虑到安全应当使用。因此不是一种持久化的本地存储，仅仅是会话级别的存储。用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。前言总括：详细讲述Cookie,LocalStorge,SesstionStorge的区别和用法。人生如画，岁月如歌。原文博客地址：Javascript本地存储小结知乎专栏&&简书专题：前端...

garfileo 2019-08-20 12:19 评论0 收藏0
cookie、session、sessionStorage、localStorage 之间的区别及应

摘要：获取数据，将键值传入，即可获取到对应的值。删除单个数据，根据键值移除对应的信息。存储文件夹用户名用户名浏览器窗口关闭后数据被销毁。存储量小安全性差数据操作接口不友好，而存储量较大安全性较高数据接口友好。在前端日常开发中 cookie、webStorage 是我们常用的浏览器缓存方式。但同时说起 cookie、session、sessionStorage 和 localStorage ...

nidaye 2019-08-23 10:28 评论0 收藏0
cookie、session、sessionStorage、localStorage 之间的区别及应

摘要：获取数据，将键值传入，即可获取到对应的值。删除单个数据，根据键值移除对应的信息。存储文件夹用户名用户名浏览器窗口关闭后数据被销毁。存储量小安全性差数据操作接口不友好，而存储量较大安全性较高数据接口友好。在前端日常开发中 cookie、webStorage 是我们常用的浏览器缓存方式。但同时说起 cookie、session、sessionStorage 和 localStorage ...

李昌杰 2019-08-05 14:33 评论0 收藏0