webstorage、cookie、sessionStorage和localStorage的介绍和区别

webstorage本地存储

webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。
1、存放大小基本为5MB，仅存储在客户端
2、localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理
3、获取方式：
localStorage：window.localStorage;
sessionStorage：window.sessionStorage;
4、都返回一个storage类型的对象

cookie、sessionStorage和localStorage的区别

共同点：都是保存在浏览器端，是同源的。

cookie数据始终在同源的http请求中携带(即使不需要)，即在服务器与客户端之间来回传送，有路径（path）的概念，且存储容量很少4k左右。而sessionStorage和localStorage仅保存在本地，不会自动传输数据给服务器。

sessionStorage仅在当前浏览器窗口关闭之前有效，不能持久保存。localStorage窗口或者浏览器关闭都一直有效，用作持久保存。cookie在设置的cookie到期时间之前一直有效，即使窗口或浏览器关闭。

localStorage和cookie都是同源窗口中都是共享的。sessionStorage不共享。

cookie不安全，相较起来localStorage和sessionStorage安全点，并且webstorage的速度要比cookie快，因为从本地直接获取。