本地存储
将WEB页面中的数据存放到本地
localStorage
可以永久存放到本地,但是只要清除掉浏览器的缓存,即可删除数据
存数据
localStorage.newsTitle = "vue";
localStorage['author'] = "js";
localStorage.setItem("newsTitle", "react"); //修改数值,如果没有就创建
console.log(localStorage);
取数据
document.write("<h1>" + localStorage.newsTitle + "</h1>");
document.write("<h2>" + localStorage["author"] + "</h2>");
document.write("<p>" + localStorage.getItem("content") + "</p>");
清除一条数据
localStorage.removeItem("xxx")
清除所有数据
localStorage.clear()
sessionStorage
本地存放的数据当次有效。主要关闭页面就会将数据清除掉,但是不关闭页面刷新不会
sessionStorage.newsTitle = "vue"
sessionStorage['author'] = "js"
sessionStorage.setItem("content","react");
console.log(sessionStorage);
取数据
document.write("<h1>"+sessionStorage.newsTitle+"</h1>")
document.write("<h2>"+sessionStorage['author']+"</h2>")
document.write("<p>"+sessionStorage.getItem("content")+"</p>")
输出与上图localStorage输出相同
清除一条数据
sessionStorage.removeItem("author")
清除所有数据
sessionStorage.clear()