1.sessionStorage:将数据保存在session对象中。所谓session,是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,也就是用户浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要求保存的任何数据。
2.localStorage:将数据保存在客户端本地的硬件设备(通常指硬盘,也可以是其他硬件设备)中,即使浏览器被关闭了,该数据仍然存在,下次打开浏览器访问网站时仍然可以继续使用。
sessionStorage:临时存储,只在当前页面有效,当前页面被关闭后或者当浏览器关闭后 ,存储的数据也随之消失。
localStorage : 本地存储,当浏览器关闭后,存储的数据也不会消失,持久存储,数据会一直保存, 可以存储5M内容
临时存储 与 本地存储 都会出现如下问题
当要存储的数据为对象时, 没有使用JSON.stringify 转为字符串时,在浏览器查看会出现Object Object, 而且之后getItem 也无法正常获取数据
所以 在存储前 需要使用 JSON.stringify 转为 字符串后就可以正常存储了
获取时, 需要使用JSON.parse将JSON字符串转为js对象
浏览器打印结果