本地存储有两种:
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 中查看。