**localStorage**用于[持久化的本地存储]()，除非主动删除数据，否则数据是永远不会过期的 **sessionStorage**不是一种持久化的本地存储，仅仅是[会话级别的存储](),页面关闭就清空; 使用 >localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem,clear; ~~~ /* 设置 */ sessionStorage.setItem("key", "session"); sessionStorage.setItem("a","hello") localStorage.setItem("site", "local"); /* 获取 */ var key = sessionStorage.getItem("key"); var site = localStorage.getItem("site"); /* 移除 */ sessionStorage.removeItem("key"); localStorage.removeItem("site"); /* 清空 */ sessionStorage.clear(); localStorage.clear(); ~~~ ~~~ //遍历sessionStorage sessionStorage.setItem("key", "session"); sessionStorage.setItem("a","hello") console.log(sessionStorage); for(var key in sessionStorage){ console.log(sessionStorage.getItem(key)); } ~~~ ~~~ Cookie Chrome不支持cookie的本地调试 https://github.com/js-cookie/js-cookie <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script> //创建cookies 一直有效 Cookies.set('name', 'value'); //设置有效期 Cookies.set('name', 'value', { expires: 7 }); //读取Cookies Cookies.get('name') 删除Cookies Cookies.remove("name") ~~~