今天给大家分享一下h5新增的locaStorage
先来了解几个方法
1:localStorage.setItem() 存储信息
2:localStorage.getItem() 获取存储的信息
3:localStorage.removeItem() 删除本地存储的一个值
4:localStorage.clear() 清空本地存储
给大家介绍一下本地存储
locaStorage 是html5新增的,并且ie7一下不支持,主要目的就是为了减少js对服务器的请求,直接把信息存储到本地减少了很多的js操作。比如用来存储用户的信息。
上代码
var arr = [1,2,3]
localStorage.setItem('a',arr)
console.log(localStorage.getItem('a'))
这就是一个最简单的本地存储
接下来给大家展示如何在本地存储,存储一个对象
var obj = {"name":"zhang2","age":"10"}
var o2 = JSON.stringify(obj)
localStorage.setItem('temp2',o2)
var o3 = JSON.parse(localStorage.getItem('temp2'))
因为本地存储只支持字符串类型的对象,所以在存储的之前我们先要转一下类型,在取的时候我们要在把类型转回来
存储完成之后的本地存储
如果你的本地存储太多的话,就会造成电脑卡顿,记得把不需要的清除掉