本地存储是指把数据存储在浏览器中的localStorage和sessionStarage上。按下F12进入浏览器检查,选择Application即可看到浏览器本地存储。localStorage和sessionStarage都是以Key-value的方式保存格式为字符串的数据。
localstorage永久储存,关闭浏览器也不消失,而sessionStorage则是临时存储,关闭浏览器就消失了。本地存储操作通常配合jsonAPI来使用
本地存储的操作:
1.给localstorage添加数据:
<script>
localStorage.setItem('name','chaoxip')
// 参数不能为对象,否则不能正确存储
localStorage.setItem('message',{age:23,gender:'male'})
// 若参数为对象,则需要转为字符串
localStorage.setItem('message2',JSON.stringify({age:23,gender:'male'}))
</script>
运行结果如下:
给本地存储传入对象将调用对象的tostring方法,无法存储预期的数据
2.获取数据
let result = localStorag