相同点
相同的使用方法
以下方法或属性均是localStorage和sessionStorage共有。举例仅用localStorage。
-
setItem():接受两个参数,第一个参数是键值(key),第二个参数则是值(value)。例如:localStorage.setItem('test', 'foo') -
getItem():接受一个参数,即键值。例如:localStorage.getItem('test') -
removeItem():参数为键值,例如:localStorage.removeItem('test')。 -
clear():清空存储中所有数据。 -
length:反应存储内容的个数。 -
key():接受一个参数,即索引值,返回该索引所对应项的键值。例如:localStorage.key(0)。
不同点
存储时效不同
-
localStorage的存储是持久化的 -
sessionStorage的存储用于本地存储一个会话中的数据,当会话结束,数据也会被销毁。换句话说,当当前标签页被关闭时就会被销毁。
容量大小不同
localStorage和sessionStorage的大小也是不一样的。具体看下图。网址在此