相同点
相同的使用方法
以下方法或属性均是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
的大小也是不一样的。具体看下图。网址在此