会话存储sessionStorage与本地存储localStorage

会话存储存储的数据持续时间为浏览器会话框存在期间

本地存储存储的数据持续时间为浏览器本地缓存存在时间,不清除缓存则一直存在,但有存储上限.

存储方式:

sessionStroage.setItem("msg" , "...")


localStroage.setItem("msg" , "...")

存储都以键值对的形式存储

获取方式:

sessionStroage.getItem("msg")


localStroage.getItem("msg")

删除方式:

sessionLocal.removeItem("msg")
//清除当条记录
sessionLocal.clear()
//清除所有记录

//localStroage相同.

两种存储方式存储的一般为字符串,无法存储对象类型数据

需要存储对象类型数据可以将对象转为json类型数据

sessionStroage.setItem("obj" , JSON.stringify(obj));

提取:

JSON.parse(sessionStroage.getItem("obj"));