JavaScript 本地存储

本地存储有两种：

localStorage 表示永久性存储，除非主动删除否则一直存在本地。

sessionStorage 表示临时性存储，当页面关闭时，自动清除。

localStorage 和 sessionStorage 使用方法相同，这里只演示 localStorage 使用方法。

方法                                                           描述

localStorage.setItem(‘ 名称 ’ ， ’ 数据 ’)          存值，如果使用相同的名字，那么会覆盖以前的值

localStorage.getItem(‘ 名称 ’)                      取值

localStorage.removeItem(‘ 名称 ’)               删值，删除指定名称的存储记录

localStorage.length                                   获取所有本地 localStorage 的数量

localStorage.key( 下标 )                             通过下标获取存储记录的名称

localStorage.valueOf()                             获取所有的值

localStorage.clear()                                  清除所有的值

localStorage.hasOwnProperty(‘ 名称 ’ ）    判断本地存储是否有某个名称，有则返回 true

// 存值
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

在谷歌浏览器中，本地存储的值可以在控制台的 Application 中查看。

---