HTML之本地存储对象

169 阅读1分钟

两个在客户端存储数据的对象

1.localStorage
2.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的区别
本地存储更安全,存储限制更大,并且信息不会存储在服务器