什么是HTML5 Web存储?什么是localStorage和sessionStorage!

使用HTML5,网页可以在用户的浏览器中本地存储数据。数据以名称/值对的形式存储,并且网页只能访问其自身存储的数据。

之间的差异 localStorage 和 sessionStorage 关于寿命:

  • 一直存储的数据 localStorage 是永久性的:它不会过期,并保留存储在用户的计算机上,直到Web应用程序将其删除或用户要求浏览器将其删除为止。

  • sessionStorage 与存储数据的顶级窗口或浏览器选项卡具有相同的生存期。永久关闭该选项卡时,sessionStorage 将删除通过存储的所有数据 。

 存储范围之间的区别localStorage 和 sessionStorage存储范围方面的区别 : 两种存储形式都以文档原点为范围,因此具有不同原点的文档将永远不会共享存储的对象。

  • sessionStorage 也以每个窗口为基础。具有相同来源文档的两个浏览器选项卡具有单独的 sessionStorage 数据。

  • 与in不同 localStorage,sessionStorage 在不同标签页中打开时,来自同一源的相同脚本无法访问彼此的脚本 。

额外信息

  • 之前,这是通过Cookie完成的。

  • 存储限制远大于cookie的存储限制(至少5MB),并且存储速度更快。

  • 数据永远不会传输到服务器,并且只能在客户明确要求的情况下使用。

其他连结
  • W3Schools – HTML5网络存储