概念
localstorage是浏览器提供的一种 Web 存储对象
存储在localStorage中的数据不会随每个 HTTP 请求发送到服务器。
vs Cookie: 数据存储在 Cookie 中,浏览器会自动将 Cookie 随每一个请求发送到服务器
优点
1.避免随请求发送:数据仅保存在本地浏览器,不自动发送到服务器
2.持久化存储:用localstorage存储,就算你重启浏览器或你刷新页面,你的数据也不会被清除。
查看
打开你常用的页面的控制台,点击Application,然后在左侧导航中找到 Local Storage 并展开,选择对应的网站域名。
右侧面板会显示当前域名下localStorage中存储的所有键值对
如下图所示:
使用
它就像一个数据库,它们是键值对,键和值是字符串,localStorage可以在控制台和js文件中 用localStorage.setItem("键","值")的形式存储数据; 用.getItem("键")进行读取数据; 用localStorage.removeItem("键名")就可以删除指定键名的数据; 用localStorage.clear()就可以清空当前域名下的所有 localStorage;