localStorage和sessionStorage的区别

//在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