HTML5之本地存储

以前我们的浏览器只能通过cookie来存储很少的一部分信息，只有4k那么点大小，基于现在的复杂的用户体验，是不够用滴。

但是有个好消息，我们的html5本地存储为每个域提供了5M大小的本地存储空间。

我们html5本地存储是按键值对来存储信息的，像这样：

        localStorage.setItem("key1","hello html5");//这样我们的hello html5就被存储到本地了，就算你关了浏览器也不会消失。这里需要补充说明的是localStorage只支持存储字符串，所以假如我想存整数，浮点数，数组啥的呢？当然是把它们先转化为字符串形式啦，哈哈哈，是不是很机智。

        咦？那我怎么拿到我存进去的东西呢？

        好办，像这样：

localStorage.getItem("key1");//这样我们就拿到了我们存进去的hello html5啦

假如我要删除我存进去的东西呢？

        恩，这个简单，remove嘛~

        酱紫localStorage.removeItem("key1"),这样我们就删除了我们键值key1对应的 "hello html5" 啦！

一个一个删除是不是有点慢？来个快速清空的？来放大招！

酱紫：localStorage.clear();//这样，所有的数据就全部被清了

  综上，HTML5的本地存储是不是很简单？

哈哈，是的呢，不过灵活运用的话可以实现很多极好的用户体验：比如，浏览记录，播放记录，游戏记录等等，只有你想不到的没有你做不到的