如何正確的使用localstorage和sessionstorage

這篇文章將為大家詳細(xì)講解有關(guān)如何正確的使用localstorage和sessionstorage，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

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是存儲數(shù)據(jù)的，key是指定的數(shù)據(jù)名稱，可以隨意起，但是一定要是字符串類型，否則瀏覽器自動把值作為key的名字。

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

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

在瀏覽器中如何查看storage？

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

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

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

項目中使用的原則就是，哪個數(shù)據(jù)需要存儲，就用哪個數(shù)據(jù)調(diào)用存數(shù)數(shù)據(jù)的函數(shù)。

關(guān)于如何正確的使用localstorage和sessionstorage就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。