[聚合文章] 关于本地存储

本地存储只能查看当前域名所属信息

• 知识点Cookie信息有效期，所属域名路径
• SessionStorage和LocalStorage可以存储任意字符内容
• Storage的存储容量比Cookie的容量更大，H5开发中很常用
• Cookie和Storage都支持查看，增加，修改，清除
• Cookie存数的数据，当过期日期小于当前日期，择自动删除
• SessionStorage存储数据在关闭浏览器之后就没了
• LocalStorage存储数据可以长期保存，没有截止有效有效期

// 写入Cookie    var addCookieBtn = document.getElementById("addCookieBtn");    addCookieBtn.addEventListener("click" , function(){        document.cookie = "imooc" + "=" + escape("test");        content.innerHTML = content.innerHTML + "<br/>" + "Cookie写入完成";    });    //==========================================================    // 写入SessionStorage(关闭浏览器，数据消失)    var addSessionStorageBtn = document.getElementById("addSessionStorageBtn");    addSessionStorageBtn.addEventListener("click" , function(){        window.sessionStorage.site  = 'http://www.imooc.com';        window.sessionStorage.name  = 'test';        content.innerHTML = content.innerHTML + "<br/>" + "SessionStorage写入完成";    });    //==========================================================    // 写入LocalStorage    var addLocalStorageBtn = document.getElementById("addLocalStorageBtn");    addLocalStorageBtn.addEventListener("click" , function(){        window.localStorage.site  = 'http://www.imooc.com';        window.localStorage.name  = 'test';        content.innerHTML = content.innerHTML + "<br/>" + "LocalStorage写入完成";    });

// 控制台输出    var consoleBtn = document.getElementById("consoleBtn");    consoleBtn.addEventListener("click" , function(){        console.warn('test');        console.debug('test');        console.info('test');        console.error('test');        content.innerHTML = content.innerHTML + "<br/>" + "控制台输出完成";    });
                
注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。