localStorage和sessionStorage的區別 - diligenceday－IT工程師數位筆記本

文章出處

//在chrome測試的結果;

知識點1：localStorage和sessionStorage的區別; localStorage生命周期是永久，這意味著除非用戶顯示在瀏覽器提供的UI上清除localStorage信息，否則這些信息將永遠存在。 sessionStorage生命周期為當前窗口或標簽頁，一旦窗口或標簽頁被永久關閉了，那么所有通過sessionStorage存儲的數據也就被清空了。

	localStorage的方法:
    	localStorage.clear();
        localStorage.getItem();
        localStorage.key();
        localStorage.setItem();
        localStorage.removeItem();
    
    sessionStorage的方法是在localStorage的方法上多了一個length;
    
    注意 localStorage提供了事件;

    if(window.addEventListener){
        window.addEventListener("storage",handle_storage,false); 
    }else if(window.attachEvent){     
        window.attachEvent("onstorage",handle_storage); 
    }; 
    function handle_storage(e){
        e = e || window.e;
        console.log(e);     
    };

    /*注意:
    storage事件的觸發似乎有點問題, 自身頁面進行setItem后沒有觸發window的storage事件, 
    但是同時訪問A.html和B.html, 在A頁面中進行 setItem能觸發B頁面中window的storage事件, 
    同樣的在B頁面中進行setItem能觸發A頁面中window的storage事件. 
    在IE9中, 頁面自身的設值能觸發當前頁面的storage事件,同樣當前頁面的設值能觸發同一”起源”下其他頁面window的storage事件,這看起來似乎更 讓人想的通些.
    Read More : http://www.cnblogs.com/shihao/archive/2011/12/23/2298854.html
    */  
    //所以要觸發當前頁面的localStorage要用自定義事件,我們要自己封裝一個;

    var Storage = {
        setItem : function(k,v){
            var se = document.createEvent("StorageEvent");
            se.initStorageEvent('storage', false, false, k, localStorage.getItem(k), v, "", "");
            window.dispatchEvent(se);
            
        　　 localStorage.setItem(k,v);
        },
        removeItem : function(k){
        　 　localStorage.removeItem(k);
            var se = document.createEvent("StorageEvent");
            se.initStorageEvent('storage', false, false, k, localStorage.getItem(k), v, "", "");
            window.dispatchEvent(se);
        }
      };
    //使用自定義事件吧
    window.addEventListener("storage",function(e){
         console.log(e);
    },false);

//Read More ： http://www.cnblogs.com/cczw/p/3196195.html


//本地存儲在各個瀏覽器中的存在位置(都是在AppData的不同目錄下);

C:\Users\Username\AppData\Local\Google\Chrome\User Data\Default\Local Storage\ ; //找到了,保存的事2進制文件
C:\Users\your-account-name\AppData\Local\Mozilla\Firefox\Profiles\ //沒找到
C:\Users\XXX\AppData\Local\Microsoft\Internet Explorer\DOMStore\ // can't find

文章列表