JavaScript学习笔记——本地存储

本地存储

将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()