本地存储有两种：
localStorage 表示永久性存储，除非主动删除否则一直存在本地。
sessionStorage 表示临时性存储，当页面关闭时，自动清除。
localStorage 和 sessionStorage 使用方法相同
方法 |
描述 |
localStorage.setItem(‘名称’，’数据’) |
存值，如果使用相同的名字，那么会覆盖以前的值 |
localStorage.getItem(‘名称’) |
取值 |
localStorage.removeItem(‘名称’) |
删值，删除指定名称的存储记录 |
localStorage.length |
获取所有本地 localStorage 的数量 |
localStorage.key(下标) |
通过下标获取存储记录的名称 |
localStorage.valueOf() |
获取所有的值 |
localStorage.clear() |
清除所有的值 |
localStorage.hasOwnProperty(‘名称’) |
判断本地存储是否有某个名称，有则返回 true |
<script> // 存 值 localStorage.setItem("name1", "123"); // 取 值 console.log(localStorage.getItem('name1')); // 123 // 改 值 localStorage.setItem("name1", "789"); console.log(localStorage.getItem('name1')); // 789 // 删 除 localStorage.removeItem('name1'); console.log(localStorage.getItem('name1')); // null </script>
Js 中除了本地存储以外，还有一种 cookie 也可以存储数据。并且 cookie 可以设置失效时间
document.cookie = ‘数据’; |
存值 |
document.cookie |
返回所有数据以 ; 分割 |
document.cookie = ‘数据;expires=时间’ |
失效时间，若不设置时间，默认关闭浏览器时清除 |
删除 cookie 可以通过给指定数据设置过去的时间，使其失效自动删除。
