HTML5 WEB缓存之localStorage与sessionStorage初体验

今天一个同学问了我关于利用js在不同html页面传递信息的方法，说是用url传递不安全，刚开始我也不是很懂，之后在网上查找了一些方法，偶然间发现了HTML5缓存的方法，在这里与大家分享一下。

这里查阅了这两个方法的兼容性，参考https://blog.csdn.net/cheogo/article/details/50590401

另外我参考的API
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/localStorage

首先先说明一下localStorage与sessionStorage虽然同为本地缓存，但是却有着些许区别，localStorage的缓存可以在不同界面之间交互，而sessionStorage只能在单个网页缓存，这里为了更好地理解，直接上图

上图是CSDN官网

上图为百度

关于方法：

1.先设置缓存

localStorage.setItem('myCat', 'Tom');

2.读取该缓存

localStorage.getItem('myCat');

3.移除该缓存

localStorage.removeItem('myCat');

4.移除所有缓存

 localStorage.clear();

sessionStorage方法同上。

后续应该会补上关于cookie缓存与这两个缓存的区别吧 咕咕咕