Browser Storage WebStorage

介绍

浏览器存储WebStorage包括 LocalStorage 和 SessionStorage,The storage content size is generally in5M左右.

如何使用

浏览器通过Window.localStorage 和 Window.sessionStorage属性来实现本地存储机制,It can be omitted in actual useWindow.

API使用

LocalStorage 和 SessionStorage的APIThe method name usage is the same,added respectively、获取、删除、Empty four methods,See the example below for the method name and how to use it：

  //新增WebStorage： setItem(key,val)
  localStorage.setItem("a", "123");
  localStorage.setItem("b", "456");
  localStorage.setItem("c", "789");
  sessionStorage.setItem("a", "123");
  sessionStorage.setItem("b", "456");
  sessionStorage.setItem("c", "789");
      
  //获取WebStorage： getItem(key)
  localStorage.getItem("a");
  sessionStorage.getItem("a");

  //删除WebStorage： removeItem(key)
  localStorage.removeItem("c");
  sessionStorage.removeItem("c");

  //清空WebStorage： removeItem(key)
  localStorage.clear();
  sessionStorage.clear();

LocalStorage 和 SessionStorage区别

Also stored in the browserWebStorage,LocalStorage 和 SessionStorage使用的API相同,But the actual usage scenarios are different：

• LocalStorage
  使用localStorageSaved data is retained for a long time,Even if you close the browser next time you reopen the page,The saved data will still not be cleared,If it needs to be cleared, it must be cleared manually.And the same source in the same browser（window.location.origin）All other pages are accessible localStorage 访问到,Of course between source and source localStorage 是不能互相访问的.i.e. between each source localStorage 是相互独立的.

• SessionStorage
  使用sessionStorageThe saved data will remain only for the current page,That is, the page session level,When closing the browser or closing the tabsessionStorageSaved data will be cleared,And in the same browser even the same source,Other pages cannot be sharedsessionStorage保存的数据.