JavaScript 本地存储

发布时间：2024年01月15日
本地存储有两种：
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 中查看。

文章来源:https://blog.csdn.net/2301_81449444/article/details/135591131
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章