【筆記】瀏覽器的儲存空間 local StorageJohn LuFollowSep 29, 2021--
Share
Photo by Scott Graham on Unsplash在瀏覽網頁時，有時候會需要暫存一些資料，例如：購物網站的購物車資訊。這類資料不是必要，但能提升使用者的瀏覽體驗。
在HTML5問世時，誕生了一種Web Storage技術，可以將網頁資訊暫時儲存在使用者的瀏覽器中，並且容量基本上為5MB以上(隨著瀏覽器而不同)，比起cookies的4KB實在大上許多，而當中又以localStorag使用最為方便。
以下為兩種不同的web storage :localStorage：可以跨瀏覽器分頁做使用、使用者關掉分頁或瀏覽器再打開資料仍不會消失，且資料無期效限制，資料將永久被保留。sessionStorage：生命週期較短，當使用者關掉瀏覽器或分頁時，sessionStorage 中的資料將被清空。localStorage常用方法:儲存方法：localStorage.setItem(‘key’, ‘value’) 透過setItem()指定物件屬性的key跟valuelocalStorage.setItem('player', 50)讀取方法：localStorage.getItem('player')刪除方法：localStorage.removeItem(“key”) 透過removeItem輸入屬性的key來刪除儲存資訊localStorage.removeItem('player')