使用 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类型只能存储字符串,非字符串的数据在存储前会被转化成字符串。