以前我们的浏览器只能通过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的本地存储是不是很简单?
哈哈,是的呢,不过灵活运用的话可以实现很多极好的用户体验:比如,浏览记录,播放记录,游戏记录等等,只有你想不到的没有你做不到的