localstorage和sessionstorage的API一样,统称webstorage,一般支持5M
储存在localstorage的不随着浏览器关闭还消失
储存在sessionstorage,会话储存,清空缓存会消失,浏览器关闭随即消失
一、储存
1,直接储存字符串,如果是数字会自动转化为字符串再储存
localstorage.setitem('msg','hello');
2,当储存对象的时候需要转化为JSON格式后储存。
let p={name:'张三',age:18}
localstorage.setitem('person',JSON.stringify(p))
二、读取
1,localstorage.getitem('msg')
------控制台黑色表示是字符串,如果没有msg,读出的是null
2,const result=localstorage.getitem("person') || {} 或方法保证result是个对象
console.log(JSON.parse(result))
三、删除
localstorage.removeitem('person')
localstorage.clear()----清空所有