HTML5本地快取localStorage和sessionStorage的操作方法收集
說明:
Web Storage 包含如下兩種機制:
-
sessionStorage
為每一個給定的源(given origin)維持一個獨立的儲存區域,該儲存區域在頁面會話期間可用(即只要瀏覽器處於開啟狀態,包括頁面重新載入和恢復)。 -
localStorage
同樣的功能,但是在瀏覽器關閉,然後重新開啟後資料仍然存在。
這兩種機制是通過 Window.sessionStorage
和 Window.localStorage
屬性使用(更確切的說,在支援的瀏覽器中 Window
物件實現了 WindowLocalStorage
和 WindowSessionStorage
物件並掛在其 localStorage
和 sessionStorage
屬性下)—— 呼叫其中任一物件會建立 Storage
物件,通過 Storage
物件,可以設定、獲取和移除資料項。對於每個源(origin)sessionStorage
和 localStorage
使用不同的 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
==>如有問題,請聯絡我:easonjim#163.com,或者下方發表評論。<==
相關文章
- localStorage和SessionStorage,Application,Cache快取SessionAPP快取
- Cookie && Session && localStorage && sessionstorage && HTTP快取CookieSessionHTTP快取
- web本地儲存(localStorage、sessionStorage)WebSession
- HTML5本地儲存localStorage與sessionStorage詳解HTMLSession
- H5本地儲存:sessionStorage和localStorageH5Session
- sessionStorage和localStorage的區別Session
- localStorage和sessionStorage區別Session
- 利用localstorage實現本地訊息快取快取
- localStorage、sessionStorage、Cookie的SessionCookie
- localStorage 與 sessionStorage / cookie 和 sessionSessionCookie
- cookies sessionStorage和localstorage區別CookieSession
- cookie、sessionStorage、localStorageCookieSession
- cookie, sessionStorage, localStorageCookieSession
- localStorage和sessionStorage原型方法新增Session原型
- localStorage,sessionStorage和cookie的區別及使用SessionCookie
- cookie、sessionStorage、localStorage的區別?CookieSession
- cookie、 sessionStorage 、localStorage之間的區別和使用CookieSession
- localStorage與sessionStorage 區別Session
- cookie, localStorage, sessionStorage區別CookieSession
- Cookie LocalStorage SessionStorage對比CookieSession
- cookie、sessionStorage、localStorage區別CookieSession
- 用localStorage快取Redux的state快取Redux
- sessionStorage 瀏覽器快取Session瀏覽器快取
- 聊聊本地快取和分散式快取快取分散式
- HTML5本地儲存LocalstorageHTML
- 詳說 Cookie, LocalStorage 與 SessionStorageCookieSession
- Yet another intro for localStorage and sessionStorageSession
- localStorage、sessionStorage、Cookie的區別及用法SessionCookie
- Cookie、localStorage 和 sessionStorage 的區別及應用例項CookieSession
- 黑科技:LocalStorage 快取機制快取
- 前端存貯全家桶--cookie、sessionStorage、localStorage、和indexedDB重點合集前端CookieSessionIndex
- 移動Web——localStorage,sessionStorage,Storage事件監聽WebSession事件
- 理解cookie、session、localStorage、sessionStorage的關係與區別CookieSession
- cookie、localStorage和sessionStorage 三者之間的區別以及儲存、獲取、刪除等使用方式CookieSession
- HTTP快取和瀏覽器的本地儲存HTTP快取瀏覽器
- 【ionic】storage本地快取快取
- localstorage實現帶過期時間的快取功能快取
- HTML5中的localStorage用法HTML