1. 程式人生 > >HTML5本地緩存localStorage和sessionStorage的操作方法收集

HTML5本地緩存localStorage和sessionStorage的操作方法收集

每一個 返回 local 本地緩存 clas blank 功能 sin web

說明:

Web Storage 包含如下兩種機制:

  • sessionStorage 為每一個給定的源(given origin)維持一個獨立的存儲區域,該存儲區域在頁面會話期間可用(即只要瀏覽器處於打開狀態,包括頁面重新加載和恢復)。
  • localStorage 同樣的功能,但是在瀏覽器關閉,然後重新打開後數據仍然存在。

這兩種機制是通過 Window.sessionStorageWindow.localStorage 屬性使用(更確切的說,在支持的瀏覽器中 Window 對象實現了 WindowLocalStorageWindowSessionStorage 對象並掛在其 localStorage

sessionStorage 屬性下)—— 調用其中任一對象會創建 Storage 對象,通過 Storage 對象,可以設置、獲取和移除數據項。對於每個源(origin)sessionStoragelocalStorage 使用不同的 Storage 對象——獨立運行和控制。

例如,在文檔中調用 localStorage 將會返回一個 Storage 對象;調用 sessionStorage 返回一個不同的 Storage 對象。可以使用相同的方式操作這些對象,但是操作是獨立的。

參考:

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/localStorage

https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/sessionStorage

https://www.cnblogs.com/st-leslie/p/5617130.html

HTML5本地緩存localStorage和sessionStorage的操作方法收集