localStorage與sessionStorage 區別
本文簡單介紹一下localStorage與sessionStorage 區別。
兩個儲存物件非常相近,它們具有相同的屬性與方法,功能也相同。
下面對它們兩者的相同點和區別進行一下總結羅列。
一.相同點:
(1).具有相同的屬性與方法,且功能相同。
(2).都儲存於瀏覽器客戶端。
二.區別:
兩者的主要區別在於資料在本地儲存的時長。
localStorage儲存時長是永久性的,除非人為刪除或者其他意外導致刪除。
sessionStorage儲存時長與localStorage有很大區別,從其名稱就可以可以出。
sessionStorage由如下兩個單詞合成:
(1).session:翻譯成漢語具有"會話"的意思。
(2).storage:翻譯成漢語具有"儲存"的意思。
顧名思義,sessionStorage功能是實現會話期間的資料儲存功能。
那麼sessionStorage中資料的儲存時長就是"會話"的時長(生命週期)。
下面對其生命週期進行一下簡單總結:
(1).當瀏覽器選項卡關閉時,生命週期結束。
(2).既然選項卡關閉生命週期都會結束,更不用說整個瀏覽器視窗關閉。
(3).也就說sessionStorage 會話受限於瀏覽器選項卡之內。
(4).新開啟一個選項卡或者一個新視窗都是新初始化一個會話,是獨立的。
(5).通過JS或者連結<a>跳轉到同源頁面時,可以實現資料共享,但是兩個資料是獨立的。
相關閱讀:
(1).關於生命週期更多內容可以參閱sessionStorag 生命週期一章節。
(2).關於資料共享更多內容可以參閱sessionStorage 資料共享一章節。
相關文章
- cookie, localStorage, sessionStorage區別CookieSession
- localStorage和sessionStorage區別Session
- cookie、sessionStorage、localStorage區別CookieSession
- cookie、sessionStorage、localStorage的區別?CookieSession
- sessionStorage和localStorage的區別Session
- cookies sessionStorage和localstorage區別CookieSession
- 理解cookie、session、localStorage、sessionStorage的關係與區別CookieSession
- localStorage、sessionStorage、Cookie的區別及用法SessionCookie
- localStorage,sessionStorage和cookie的區別及使用SessionCookie
- cookie、 sessionStorage 、localStorage之間的區別和使用CookieSession
- 詳說 Cookie, LocalStorage 與 SessionStorageCookieSession
- localStorage 與 sessionStorage / cookie 和 sessionSessionCookie
- Cookie、localStorage 和 sessionStorage 的區別及應用例項CookieSession
- cookie、sessionStorage、localStorageCookieSession
- cookie, sessionStorage, localStorageCookieSession
- localStorage、sessionStorage、Cookie的SessionCookie
- Cookie LocalStorage SessionStorage對比CookieSession
- web本地儲存(localStorage、sessionStorage)WebSession
- Yet another intro for localStorage and sessionStorageSession
- 【基礎梳理】cookie、session、sessionStorage、localStorage之間的區別及應用場景CookieSession
- localStorage和sessionStorage原型方法新增Session原型
- Cookie && Session && localStorage && sessionstorage && HTTP快取CookieSessionHTTP快取
- localStorage和sessionStorage儲存封裝Session封裝
- localStorage和SessionStorage,Application,Cache快取SessionAPP快取
- HTML5本地儲存localStorage與sessionStorage詳解HTMLSession
- cookie,session,sessionStorage,localStotage的區別CookieSession
- 移動Web——localStorage,sessionStorage,Storage事件監聽WebSession事件
- cookie、localStorage和sessionStorage 三者之間的區別以及儲存、獲取、刪除等使用方式CookieSession
- 深入瞭解瀏覽器儲存:對比Cookie、LocalStorage、sessionStorage與IndexedDB瀏覽器CookieSessionIndex
- H5本地儲存:sessionStorage和localStorageH5Session
- 前端存貯全家桶--cookie、sessionStorage、localStorage、和indexedDB重點合集前端CookieSessionIndex
- 登入過期--localStorage加sessionStorage實現7天登入過期Session
- HTML5本地快取localStorage和sessionStorage的操作方法收集HTML快取Session
- session與sessionStorage 關聯Session
- JavaScript操作cookie與localStorageJavaScriptCookie
- &與&&, |與||區別
- sessionStorageSession
- ??與?:的區別