localStorage、sessionStorage的异同点

122 阅读1分钟

localStorage

localStorage存储的有效期是永久的,除非人为手动删除。localStorage的作用域限定在文档域级别中(协议、域名、端口),同源的文档间共享localStorage,并且可以覆盖。 不过需要注意的是,相同的localStorage受浏览器供应商限制,比如你在fireFox上存储的数据,在chrome中就无法读取到

sessionStorage

sessionStorage的有效期是有限的,和localStorage一样,sessionStorage的作用域限定在文档域级别中,不过它只存在于一个会话(同一个浏览器的同一个标签页)中,同文档域不同的标签页也是不能共享的。要注意的是,这里的会话指的是顶层窗口不同,并不包括网页中嵌入的iframe,网页中嵌入的iframe是可以共享sessionStorage的

通用

  • 取值:getItem(key)
  • 新增项:setItem(key,value)
  • 删除项:removeItem(key,value)
  • 清楚所有项:clear() localStorage和sessionStorage在存储数据时,键值对都必须是String类型,如果要存储对象,只能通过JSON.stringfy后通过JSON.parse转换获取。