两个在客户端存储数据的对象
1.localStorage2.sessionStorage
| 对象 | 区别 |
|---|---|
| localStorage | 没有日期限制的存储 |
| sessionStorage | 只存储当前session的数据(标签页关闭,数据消失) |
检测浏览器是否支持二者
if(typeof(storage) !== 'undefined'){
}else{
//抱歉不支持
}
用法
// Check browser support
if (typeof(Storage) !== "undefined") {
// Store
localStorage.setItem("lastname", "Gates");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
} else {
document.getElementById("result").innerHTML = "抱歉!您的浏览器不支持 Web Storage ...";
}
本地存储与cookie的区别
本地存储更安全,存储限制更大,并且信息不会存储在服务器