html5中的localStorage和sessionStorage常用方法和區別
阿新 • • 發佈:2018-12-27
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();
感謝您的閱讀!如果文章中有任何錯誤,或者您有更好的理解和建議,歡迎和我聯絡!