HTML5里提供了一种便捷的数据存储方法，和原本的饼干君相比，他的优点是可以存储较大的数据。

打开浏览器的开发人员工具可能会发现下面这个东西[红框里的东西]

这就是本文讲的HTML5浏览器存储：localStorage和sessionStorage。

首先是localStorage,这是一个没有时间限制的存储方式，所以只要不手动清除就会永远留在浏览器里。
偶来讲讲他的使用方法

<script>
localStorage.数据名=数据;
</script>

这就讲完了，似乎很简单的样子嘛，就和设置一个变量的感觉一样。
然后要读取数据的时候只要

<script>
var 数据=localStorage.数据名;
</script>

这样就读取出来了。
再来举个明确的例子

<script>
localStorage.miao="喵的一声路过了~";
alert(localStorage.miao);
</script>

然后就会跳出一个提示框上面显示“喵的一声路过了~”

然后是sessionStorage,它和localStorage的区别在于关闭浏览器以后数据就会消失，用法和localStorage是差不多的，只是把localStorage改成sessionStorage。

<script>
sessionStorage.miao="喵的一声路过了~";
alert(sessionStorage.miao);
</script>

.

中文w3 web storage教程