html5中的localStorage和sessionStorage常用方法和区别

Html5开发过程中，经常会遇到需要在客户端存储数据的情况，主角登场，localstorage sessionStorage,接下来我们介绍一下他们：

localStorage：可以在客户端长期保存数据，关闭浏览器也有效，在所有同源窗口中共享。下面是它的一些常用方法：

// 这三种设置值方式是一样的；
localStorage.name ='lucy'；
localStorage["name"]='lucy'；
localStorage.setItem("name","lucy");

// 这三种获取值方式是一样的；
const name = localStorage["name"]
const name = localStorage.name
const name = localStorage.getItem("name");

// localStorage清值方法
localStorage.removeItem("name");
localStorage.name＝'';

sessionStorage:仅在当前浏览器中有效，关闭浏览器数据消失。在不同浏览器窗口中共享。适合存储临时数据，如登陆状态等。

保存数据语法：
sessionStorage.setItem("key", "value");

读取数据语法：
const lastname = sessionStorage.getItem("key");

删除指定键的数据语法：
sessionStorage.removeItem("key");

删除所有数据：
sessionStorage.clear();

感谢您的阅读！如果文章中有任何错误，或者您有更好的理解和建议，欢迎和我联系！