cookie，localStorage和sessionStorage的区别？

区别一：存储数据大小不同

1.cookie的存储数据大小在不能超过4kb，每个页面最多存储20个cookie

2.localStorage能达到10mb，sessionStorage能达到5mb，虽然容量比cookie大，但是localStorage是同步执行，太大会影响渲染进度

 

区别二：兼容性

1.浏览器都能支持cookie

2.但是只有现代浏览器能支持Web存储

 

区别三：访问

1.当cookie和localStroage被保存下来以后，所有窗口都能访问（前提需要同源）

2.sessionStorage仅在当前窗口有效，相对安全性高很多

 

区别四：有效期

1.cookie可以手动设置有效期

2.localStorage不会过期，除非手动删除

3.sessionStorage在窗口关闭后就自动关闭了

 

区别五： 存储位置

1.cookie存储位置：浏览器和服务器

2.localStorage和sessionStorage都是在浏览器里面的

 

区别六：与请求一起发送

1.cookie会在第二次后的每次http请求出现

2.web存储本身不参与请求活动

 

区别七：语法

1.cookie语法比较复杂，要在前面加document.

2.localStorage和sessionStorage语法简易一点，因为直属window，可以不加window直接调用