本地存储关于localStorage和sessionStorage以及cookie

1.sessionStorage。

相关：生命周期为关闭浏览器窗口

           在同一个窗口（页面）下数据可以共享

           以键值对的形式存储使用

sessionStorage.setItem(key,value) //存储数据

sessionStorage.getItem(key)       //获取数据

sessionStorage.removeItem(key)    //删除数据

sessionStorage.clear()            //删除所有数据

2.localStorage。

相关：生命周期永久生效

           可以多窗口（页面共享）（同一浏览器可以共享）

           以键值对的形式存储使用

localStorage.setItem(key,value)   //存储数据

localStorage.getItem(key)         //获取数据

localStorage.removeItem(key)      //删除数据

localStorage.clear()              //删除所有数据

3.cookie。

相关：存储在浏览器端的

          会话cookie ：没有设置到期时间，会随着浏览器的关闭而删除。

          持久性cookie ：设置到期时间，会依据到期时间而删除cookie。

//设置 cookie 是以 “键 = 值”的形式存储

document.cookie = `num = ${txt.innerHTML}`

num是键，可替换为其他值
${txt.innerHTML}是值，可替换为其他值