localStorage和sessionStorage的区别和使用方法。

一、localStorage和sessionStorage的相同点

它们的储存大小都是5M;

它们都用于存储客户端数据；

它们都只能存储字符串数据；

二、localStorage和sessionStorage的区别

1.是否可以跨页面通信

使用sessionStorage缓存的数据不可进行跨页面通讯；

使用localStorage缓存的数据可以进行跨页面通讯；

2.是否会随着浏览器的关闭而清除

sessionStorage存储的数据在页面被关闭后会自动被清除不会被保留；

localStorage存储的数据除非我们手动清除，否则一直存在；

3.应用场景

localStorage的话比较适合长期有效的自动登录，sessionStorage比较适用于短期有效的自动登录（token过期重新请求）

4.使用方式

sessionStorage

储存

sessionStorage.setItem("key","val");

读取

sessionStorage.getItem("key","val");

删除指定键

sessionStorage.removeItem("key","val");

删除全部

sessionStorage.clear();

localStorage

储存

localStorage.setItem("key","val");

读取

localStorage.getItem("key","val");

删除指定键

localStorage.removeItem("key","val");

删除全部

localStorage.clear();

三、结论

localStorage可以跨页面通讯，sessionStorage不能跨页面通讯；

localStorage不会随着页面的关闭而被清除，它只能手动清除，sessionStorage会随着页面的关闭而被清除；

localStorage和sessionStorage的存储大小都为5M；