localStroage和sessionStorage的使用

1.区别:

localStorage和sessionStorage是HTML5中新增的两个本地存储方式，它们之间的区别主要体现在以下几个方面：

1. 存储时效性：localStorage存储的数据在浏览器关闭后仍然保留，下次打开网页时仍然可用；而sessionStorage存储的数据在浏览器关闭后会被清除。

2. 存储容量：localStorage的存储容量通常比sessionStorage更大，一般为5MB左右；而sessionStorage的存储容量通常为5MB或更小。

3. 作用域：localStorage的数据在相同的域名下的不同页面之间共享，也就是说，不同页面可以通过localStorage共享数据；而sessionStorage的数据仅在同一个页面的不同窗口之间共享，即同一页面的不同窗口之间可以通过sessionStorage共享数据。

4. API调用：localStorage和sessionStorage都提供了相同的API用于存储、读取和删除数据，包括setItem()、getItem()和removeItem()等。

总结起来，localStorage适用于长期保存的数据，而sessionStorage适用于临时保存的数据，两者可以根据具体的需求来选择使用。

2.使用方法：

  //写入到本地存储 -->key自己定义
 localStorage.setItem('key','value')
 //读取本地存储 将你localStorage.setItem写入的key写进去
 localStorage.getItem('key')
 //或者
 localStorage.key = '我是写进去的key'
 //直接读取
 localStorage.removeItem('key');
 //删除
 console.log(localStorage.key)
 sessionStroage同上