Html5開發過程中，經常會遇到需要在客戶端儲存資料的情況，主角登場，localstorage sessionStorage,接下來我們介紹一下他們：

localStorage：可以在客戶端長期儲存資料，關閉瀏覽器也有效，在所有同源視窗中共享。下面是它的一些常用方法：

// 這三種設定值方式是一樣的；
localStorage.name ='lucy'；
localStorage["name"]='lucy'；
localStorage.setItem("name","lucy");

// 這三種獲取值方式是一樣的；
const name = localStorage["name"]
const name = localStorage.name
const name = localStorage.getItem("name");

// localStorage清值方法
localStorage.removeItem("name");
localStorage.name＝'';
 

sessionStorage:僅在當前瀏覽器中有效，關閉瀏覽器資料消失。在不同瀏覽器視窗中共享。適合儲存臨時資料，如登陸狀態等。

儲存資料語法：
sessionStorage.setItem("key", "value");

讀取資料語法：
const lastname = sessionStorage.getItem("key");

刪除指定鍵的資料語法：
sessionStorage.removeItem("key");

刪除所有資料：
sessionStorage.clear();

感謝您的閱讀！如果文章中有任何錯誤，或者您有更好的理解和建議，歡迎和我聯絡！