1. 两个都是用来做浏览器储存,且都储存在浏览器本地。
2. 储存大小都在4-5M左右,有利于减轻服务器的压力,可用于用户刷新数据丢失储存或者储存一些不易改动的数据
3. sessionStorage储存的数据在关闭浏览器后清除,localStorage储存的数据必须手动清除,或者会一直储存在本地浏览器。
两者使用方法相同:
1.储存数据
window.sessionStorage.setItem('bmw',{name:'宝妈',price:'40w',weight:'2000kg'})
注: 当我们直接储存对象类数据的时候,得到的是[object Object],不利于我们获取和查看
所以,我们一般储存这类数据时使用JSON.stringify格式进行存储
window.sessionStorage.setItem('bl',JSON.stringify({name:'宾利',price:'200w'}))
2.获取数据
window.sessionStorage.getItem('bl')
获取到的是JSON格式,我们使用JSON.parse转换格式就好了
JSON.parse(window.sessionStorage.getItem('bl'))