localStorage和sessionStorage的区别

时间:2024-01-02 09:38:02

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