html 浏览器存储方式

浏览器有三种本地存储方式：

1、localstorage
2、sessionStorage
3、cookie

浏览器 F12 打开调试模式，可以看到：

点击对应域名，可以看到当前域名下存储的数据，是以key，value形式存储的。

三种方式的共同点：

• 都是保存在浏览器端
• 仅同源可用的本地存储方式

localStorage

localStorage：用于持久化的本地存储，即使浏览器重启，甚至操作系统重启也不会丢失，并且存储的数据在同源（协议、域名、端口号一致）下的标签页和window窗口之间共享。

特点

• 每个域名给 localStorage 分配的存储空间是5M
• 只要在相同的协议，域名，端口下就能读取或修改同一份localStorage数据
• 生命周期永久，除非用户手动清除浏览器中的localStorage信息，否则永远存储
• 仅在浏览器中保存，不参与服务器通信

API：

localStorage.setItem("key","value");//以“key”为名称存储一个值“value”
localStorage.getItem("key");//获取名称为“key”的值
localStorage.removeItem("key"