JS 缓存 sessionStorage localStorage的使用方法

使用 Window sessionStorage 和 localStorage 属性

sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据

localStorage 缓存在浏览器的数据，只有清空浏览器缓存才会删除这些数据

sessionStorage 和localStorage 的使用语法一样，这里以sessionStorage 的语法为示例

语法

window.sessionStorage

保存数据语法：

sessionStorage.setItem("key", "value");

读取数据语法：

var lastname = sessionStorage.getItem("key");

删除指定键的数据语法：

sessionStorage.removeItem("key");

删除所有数据：

sessionStorage.clear();

浏览器兼容性：

localStorage， sessionStorage都是浏览器的对象，绝大部分现代浏览器中已经得到了很好的支持，但是既然是绝大部分，就必须照顾那些还不支持这两个对象的浏览器。为了检测浏览器是否支持这两个对象，我们可以简单的用下面的代码来检测：

function storageSupport() {  
        try {  
            return 'localStorage' in window && window['localStorage'] !== null;  
        } catch (e) {  
            return false;  
        }  
}

注：localStorage， sessionStorage都是Storage类型的实例，Storage类型只能存储字符串，非字符串的数据在存储前会被转化成字符串。