sessionStorage、 localStorage 、 cookie

sessionStorage、 localStorage 、 cookie的区别

sessionStorage、 localStorage 、 cookie 都是在浏览器端存储的数据

1.sessionStorage 和 localStorage 是 HTML5 Web Storage API 提供的，可以方便的在 web 请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。

2.其中 sessionStorage 引入了一个“浏览器窗口”的概念。sessionStorage 是在同源的同窗口（或tab ）中，始终存在的数据。也就是说只要这个浏览器窗口没有关闭，即使刷新页面或进入同源另一页面，数据仍然存在。关闭窗口后，sessionStorage 即被销毁。同时“独立”打开的不同窗口，即使是同一页面， sessionStorage 对象也是不同的

3.cookies会发送到服务器端。其余两个不会。

区别：

1.Cookie

• 每个域名存储量比较小（各浏览器不同，大致 4K ）

• 所有域名的存储量有限制（各浏览器不同，大致 4K ）

• 有个数限制（各浏览器不同）

• 会随请求发送到服务器

2 . LocalStorage

• 永久存储

• 单个域名存储量比较大（推荐 5MB ，各浏览器不同）

• 总体数量无限制

3.SessionStorage

• 只在 Session 内有效

• 存储量更大（推荐没有限制，但是实际上各浏览器也不同）