Web Storage

2022-08-05 17:03:24 字數 776 閱讀 4393

localstorage是持久化的本地儲存,除非主動刪除,不然會一直存在,而且在所有的同源視窗中都是可以共享的

sessionstorage是會話級別的本地儲存,比如一個頁面關閉的時候該頁面設定的sessionstorage資料會自動消失,在不同瀏覽器視窗不會共享的,即使是同一個瀏覽器的同一個頁面

localstorage - 沒有時間限制的資料儲存

sessionstorage - 針對一個 session 的資料儲存

瀏覽器相容性

通過window.localstorage & window.sessionstorage檢測

注:localstorage, sessionstorage都是storage型別的例項,storage型別只能儲存字串,非字串的資料在儲存前會被轉化成字串。

localstorage是跨多個視窗,且持續範圍可超過當前會話;意味著當瀏覽器關閉再重新開啟,資料依然是可用的。資料保留到通過js刪除或使用者清除瀏覽器快取。

sessionstorage 是個全域性物件,它維護著在頁面會話(page session)期間有效的儲存空間。只要瀏覽器開著,頁面會話週期就會一直持續。當頁面重新載入(reload)或者被恢復

cookie是一種早期的客戶端儲存機制(restores)時,頁面會話也是一直存在。

cookie 是一小段文字資訊,伴隨著使用者請求在 web 伺服器和瀏覽器之間傳遞,因此,不論伺服器端是否需要,每一次http請求都會把這些資料傳輸到伺服器端。cookie的內容也是明文儲存的,有些瀏覽器提供介面修改,所以, 不適合儲存重要的或者涉及隱私的內容

Web Storage

web儲存最初作為html5的一部分被定義成api形式,但是後來被剝離出來作為獨立的一份標準了。web儲存標準所描述的api包含locals...

web Storage

html5 的 web storage 儲存方式有兩種 localstorage 和 sessionstorage。 這兩種方式都是通過鍵值...

Web Storage

在傳統的html時代,瀏覽器的主要功能只是負責展現html頁面,即使增加了js指令碼,依然只是動態的修改html頁面服務。因此,瀏覽器只是一...