localStorage和sessionStorage的异同

相同点

相同的使用方法

以下方法或属性均是localStoragesessionStorage共有。举例仅用localStorage

  1. setItem():接受两个参数,第一个参数是键值(key),第二个参数则是值(value)。例如:localStorage.setItem('test', 'foo')

  2. getItem():接受一个参数,即键值。例如:localStorage.getItem('test')

  3. removeItem():参数为键值,例如:localStorage.removeItem('test')

  4. clear():清空存储中所有数据。

  5. length:反应存储内容的个数。

  6. key():接受一个参数,即索引值,返回该索引所对应项的键值。例如:localStorage.key(0)

不同点

存储时效不同

  1. localStorage的存储是持久化的
  2. sessionStorage的存储用于本地存储一个会话中的数据,当会话结束,数据也会被销毁。换句话说,当当前标签页被关闭时就会被销毁。

容量大小不同

localStoragesessionStorage的大小也是不一样的。具体看下图。网址在此

localStorage和sessionStorage的异同