LocalStorage vs SessionStorage vs Cookie

>> 發文日期 : 2023/7/31

> 說明

當我們把資料當作是一般的變數儲存起來時,資料就會隨著程式的結束而消失,這時候就需要去思考如何儲存資料,去避免這類問題的發生,那如果我們把資料儲存在瀏覽器上呢?這就要提到LocalStorage、SessionStorage、Cookie這三種方式。

  • LocalStorage: 可以儲存大量的資料,並且不會過期,除非手動刪除,或是清除瀏覽器的快取。
  • SessionStorage: 可以儲存大量的資料,但是當瀏覽器關閉時,資料就會被清除。
  • Cookie: 可以儲存少量的資料,並且可以設定過期時間,過了時間後,資料就會被清除。

> LocalStorage設定


> SessionStorage設定


> Cookie設定