使用localStrorage保存客户端数据
localStorage在HTML5规范中取代了globalStorage,与之不同的是，不能给localStorage指定任何访问规则，要访问同一个localStorage对象，页面必须来自同一个域名，使用同一种协议，在同一个端口。
存储数据：
localStorage.setItem("key", "value")
获取数据：
localStorage.getItem("key")
删除某个数据
localStorage.removeItem("key")
清空localStorage
localStorage.clear()
还可以使用localStorage.length属性来获取当前localStorage的长度。
也可以通过属性方式来直接赋值或获取值
比如： localStorage.name = “allen”;
但这种方式有局限性，比如想设置length值为10，但是length属性属于localStorage，我们无法通过属性方式来直接设置，如之前所说，我们只能获取对象长度，而不能赋值，所以只能使用localStorage.setItem("length", 10)
还有一点不同是对于不存在的值得返回结果：
localStorage.notExist == undefined, 而 localStroage.getItem(“notExist”) == null
另外，localStorage存储形式以字符串形式存储，不论是数值类型还是布尔值还是对象，使用getItem方法来获取的时候返回的都是字符串，所以需要添加额外的处理函数，对于布尔值和对象可以使用JSON.stringify()和JSON.parse()来保存和获取，数值类型只需要简单的转化即可。
相关文章
图文推荐
- 文章
- 推荐
- 热门新闻