coockie、sessionStorage、localStorage

67 阅读2分钟

一、cookie

1.cookie是什么?
是网站为了辨别用户身份,进行会话跟踪而储存在用户本地终端上的数据(通常经过加密),由用户客户端计算机暂时或永久保存的信息。 主要用于保存登录信息。

生命周期:(会话性)保存在客户端内存,关闭会话失效。
***********(持久性)保存在用户的硬盘中,直至生存期到或用户直接在网页中单击“注销”等按钮结束会话时才会失效 。

大小:4k左右

与HTTP通信:会被携带在http请求头中,发送到服务器,增加请求数据量
(如果使用cookie保存过多数据会带来性能问题)

修改API:只能用document.cookie="..."修改,简陋

二、webStorage

webStorage:本地存储
目的:为了克服一些cookie上的限制,当数据需要严格控制在客户端,无需将数据发回给服务端。

1.提供了一种在cookie之外存储会话数据的途径;

2.提供了一种可以存储大量跨会话数据的机制;

分为sessionStoragelocalStorage

三、sessionStorage和localstorage

生命周期
sessionStorage:仅存在于当前会话,关闭页面或浏览器后被清除。
localStorage:永久,除非手动或代码清除。

大小:存放数据大小一般是5M。

与HTTP通信:仅在客户端(即浏览器)中保存,不参与和服务器的通信。

作用域:不同浏览器无法共享localStorage或sessionStorage中的信息。
相同浏览器的不同页面间可以共享相同的 localStorage(页面属于相同域名和端口),
但是不同页面或标签页间无法共享sessionStorage的信息。
这里需要注意的是,页面及标签页仅指顶级窗口,如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的