sessionStorage
当会话结束后,存储的数据会清除,比如关闭窗口、浏览器
localStorage
持久数据永久存储,除非手动清除。
sessionStorage、localStorage都有以下常用方法分别是:
setItem(key, value)添加数据;
getItem(key)获取key的数据;
key(n)获取第n个数据的key值;
leight获取数据长度
removeItem(key)删除key的数据;
clear()清除数据。
为什么要使用webStorage?
在未引入webStorage之前,都是使用cookie;
1、cookie存储数据大小不能超过4k,对于日益健壮的web来说显然是不够的,而webStorage存储大小为5M或更大,不同浏览器可能存在差异;
2、cookie数据通过http请求在客户端和服务器间传递,每次请求都会携带传递,使用webStorage存储,http请求不会携带webStorage存储内容传递给服务器,避免浪费带宽;
3、数据存储周期不同,cookie的存储周期一般在过期时间前有效,即便窗口、浏览器关闭;
4、作用域不同,localStorage、cookie都是同源浏览器窗口、标签页中共享,sessionStorage不能在不同浏览器窗口、标签页中共享;
5、webStorage支持事件通知,当数据发生改变后可以通知事件监听者。
网友评论