浏览器本地存储localstorage

本地存储一般体现在搜索记录中，用于方便用户下次搜索

在浏览器的控制台中的Application中查看数据的增删 ，首先先准备四个按钮来控制

<button type="button" onclick="saveDate()">点击存储数据</button>
		<button type="button" onclick="readDate()">点击查看数据</button>
		<button type="button" onclick="deleteDate()">点击删除数据</button>
		<button type="button" onclick="deleteAllDate()">点击清空数据</button>

为他们分别绑定点击事件

存储数据

let p = {name:'Tom',age:18}
			
function saveDate(){
localStorage.setItem('msg','alone');
localStorage.setItem('mag',1921);
localStorage.setItem('person',JSON.stringify(p));