localstorage和sessionstorage的使用方法

這篇文章將為大家詳細講解有關localstorage和sessionstorage的使用方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

通過閱讀各路大神對web存儲locastorage和sessionstorage的用法解析，自己試用了一下，在此留個備忘。

在項目中，如果用到很多次storage，要存儲很多數據，就要把它封裝成函數了：

function setStorage(key,value){
        if(!window.localStorage){
            alert("瀏覽器不支持localstorage");
            return false;
        }else{
            var storage=window.localStorage;
            //寫入字段
            storage.setItem(key,value);
        }
    }
    function getStorage(key){
        if(!window.localStorage){
            alert("瀏覽器不支持localstorage");
        }else{
            var storage=window.localStorage;
            var key=storage.getItem(key);
//            console.log(key);
            return key;
        }
}

setStorage是存儲數據的，key是指定的數據名稱，可以隨意起，但是一定要是字符串類型，否則瀏覽器自動把值作為key的名字。

如圖 第一個值，就是key不是以字符串指定的，即沒有加雙引號。

value值字符串類型的也切記加雙引號。

在瀏覽器中如何查看storage？

較新版本的chrome瀏覽器，查看位置如圖：

在項目中如果多次調用同樣的存儲數據的函數，則數據會實時改變，如果需要清除所有存儲的數據：

localstorage.clear();或者sessionStorage.clear();

項目中使用的原則就是，哪個數據需要存儲，就用哪個數據調用存數數據的函數。

關于“localstorage和sessionstorage的使用方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。