欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

localstorage和sessionstorage使用記錄(推薦)

  發(fā)布時間：2017-05-23 14:14:06   作者：佚名   我要評論
通過閱讀各路大神對web存儲locastorage和sessionstorage的用法解析，深有感觸，下面小編把localstorage和sessionstorage使用記錄分享到腳本之家平臺，供大家參考

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

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

（該函數(shù)系不知名大神所寫，如有侵犯原創(chuàng)，請聯(liá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ù)。

以上所述是小編給大家介紹的localstorage和sessionstorage使用記錄(推薦)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關文章

  • HTML5 LocalStorage 本地存儲詳細概括（多圖）

    這篇文章主要介紹了HTML5 LocalStorage 本地存儲，給標簽元素添加屬性和瀏覽器兼容性都做了詳細概括，具體操作步驟大家可查看下文的詳細講解，感興趣的小伙伴們可以參考一
    2017-08-18

  • html5 localStorage本地存儲_動力節(jié)點Java學院整理

    localStorage 即本地存儲，可用于長久保存整個網(wǎng)站的數(shù)據(jù)，保存的數(shù)據(jù)沒有過期時間，直到手動去除
    2017-07-06

  • 詳解HTML5 LocalStorage 本地存儲

    本篇文章主要介紹了HTML5 LocalStorage 本地存儲 ，HTML5 storage提供了一種方式讓網(wǎng)站能夠把信息存儲到你本地的計算機上，并再以后需要的時候進行獲取。有興趣的可以了解
    2016-12-23

  • html5本地存儲 localStorage操作使用詳解

    這篇文章主要介紹了html5本地存儲 localStorage操作使用詳解的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
    2016-09-20

  • HTML5 本地存儲 LocalStorage詳解

    下面小編就為大家?guī)硪黄狧TML5 本地存儲 LocalStorage詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-24

  • 解析HTML5中的新功能本地存儲localStorage

    這篇文章主要介紹了HTML5中的新功能本地存儲localStorage,介紹了localStorage的本地存儲位置和幾個常用方法,需要的朋友可以參考下
    2016-03-01

  • HTML5中Localstorage的使用教程

    這篇文章主要介紹了HTML5中Localstorage的使用教程,Localstorage被用于瀏覽器和系統(tǒng)交互的本地傳出,需要的朋友可以參考下
    2015-07-09

  • localStorage的過期時間設置的方法詳解

    這篇文章主要介紹了localStorage的過期時間設置的方法詳解的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨
    2018-11-26

最新評論