html中localStorage与sessionStorage的区别

两者的共同之处

1. 存放数据的大小是5M左右
2. 只在浏览器存储，不参与与服务器之间的通信

不同之处

localStorage: 永久存储，除非主动清除数据，否则数据一直存在。
sessionStorage: 只在当前会话有效，关闭浏览器之后数据被清除。

对简单数据的存储

localStorage

		// 1、保存数据到本地
        // 第一个参数是保存的变量名，第二个是赋给变量的值
        localStorage.setItem('Author', 'local');
        // 2、从本地存储获取数据
        localStorage.getItem('Author');
        // 3、从本地存储删除某个已保存的数据
        localStorage.removeItem('Author');
        // 4、清除所有保存的数据
        localStorage.clear();

sessionStorage

	sessionStorage.setItem('Author','local');
	sessionStorage.getItem('Author')
	sessionStorage.removeItem('Author')
	sessionStorage.clear();

对复杂数据的存储

	var user = {id:1,name:'yyf'}
	sessionStorage.setItem('user',user);//错误写法，这里存储的是对象格式，所以必须通过json的方法进行转化才可以存储
	———————————————————————————————————————————————————————————————————————————————————————————————————————

	存储对象之前，json.stringify,将对象转化为字符串
	取出对象之前，json.parse,将字符串转化为对象

	var user = {id:1,name:'yyf'}
	user = json.stringify(user);
	sessionStorage.setItem('user',user);
	var userObj = json.parse(sessionStorage.getItem('user'))