localStorage setItem getItem

最新推荐文章于 2025-07-06 01:27:27 发布

原创最新推荐文章于 2025-07-06 01:27:27 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍了如何使用localStorage进行数据存储，包括setItem方法用于保存数据以及getItem方法用于读取数据。需要注意的是，localStorage不支持IE8及以下版本浏览器，并且存在一定的安全性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

localStorage.setItem("key",value) 将value保存到key字段

localStorage.getItem('key') 获取key字段

缺点：loaclStorage不支持ie8及以下，安全性差

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我要养一只大狗狗

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

页面的通讯（ localStorage.setItem）

GA_118的博客

01-17

646

用localStorage.setItem来实现页面通讯

网络Web存储之LocalStorage

qq_74114417的博客

01-19

1964

是HTML5提供的一种客户端存储机制，属于Web存储API的一部分。它允许网页在用户的浏览器中存储键值对数据，这些数据会以持久化的方式保存，除非用户手动清除浏览器缓存，或者通过JavaScript代码进行删除操作，否则数据将一直存储在用户的本地浏览器中。从技术角度来看，是window对象的一个属性，是一个存储对象，它提供了一些简单的方法来操作存储的数据，如setItemgetItemremoveItem和clear等，以实现数据的存储、读取、删除和清除所有数据的功能。

参与评论您还未登录，请先登录后发表或查看评论

localStorage.setItem()使用

热门推荐

weixin_41997724的博客

11-27

13万+

什么是localStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 localStorage的优势 1、localStorage拓展...

js实现localStorage储存多条数据（对象）

weixin_45791806的博客

12-23

6100

1，先获取到浏览器里面的key值 var Game_Data = JSON.parse(localStorage.getItem('loc')) // 之前存储 2，判断这个值存不存在 if (Game_Data == null) { //不存在就建立一个新的数组（第一次进入浏览器肯定是不存在） var loc = new Array() loc.push(user) localStorage.setItem('loc

JavaScript基础-window.localStorage

qq_51626500的博客

07-06

443

JavaScript基础-window.localStorage

localStorage中getItem 和setITem的区别

Chu_Jin_can的博客

11-29

3497

最近看别人的代码，发现他们在从localStorage里面的时候喜欢用dot来操作，而不是get setItem，记得以前说过这个事。下面再说一次吧。用dot方式来操作（每次以’hello’=>‘world’,‘zhangsan’=>'lisi’来做为例子）设值 localStorage.hello = 'world'; localStorage.zhangsan = '...

优化一下代码：if(localStorage.getItem("color")===null){ localStorage.setItem("color",linkcolorDom[length-1].getAttribute("id")) }else{ console.log("getitem:"+localStorage.getItem("color")) judgeColor(localStorage.getItem("color")) }

05-30

localStorage.setItem("color", linkcolorDom[length - 1].getAttribute("id")); } ``` 这里主要进行了两点优化： 1. 将 `localStorage.getItem("color")` 的返回值赋值给变量 `storedColor`，以提高代码的可读性...

if (window.localStorage.getItem("Token") != null && window.localStorage.getItem("Token") != 'null') { if (window.sessionStorage.getItem("token") == null || window.sessionStorage.getItem("token") == 'null') { window.sessionStorage.setItem("token", window.localStorage.getItem("Token")); window.sessionStorage.setItem("role", window.localStorage.getItem("role")); window.sessionStorage.setItem("accountTableName", window.localStorage.getItem("sessionTable")); window.sessionStorage.setItem("username", window.localStorage.getItem("adminName")); } }

05-30

- `window.sessionStorage.setItem("token", window.localStorage.getItem("Token"))` 表示将本地存储中的 Token 值存储到 session 中； - `window.sessionStorage.setItem("role", window.localStorage.getItem(...

ieRuleScope: localStorage.getItem('ieRuleScope') ? localStorage.getItem('ieRuleScope') : true,为什么ieRuleScope的值为undefined

最新发布

08-14

2. **存储的值是字符串'undefined'**：如果之前将`ieRuleScope`存储为字符串`'undefined'`（比如通过`localStorage.setItem('ieRuleScope', 'undefined')`），那么`getItem`返回的是字符串`'undefined'`。...

解释一下这个localStorage.getItem()

02-22

### 使用 `localStorage.getItem()` 获取本地存储的数据 `localStorage.getItem()` 方法用于从浏览器的本地存储中检索指定键名对应的键值。此方法接受一个参数，即要查找的键名称字符串[^2]。当调用 `getItem()` ...

Storage.setItem()

weixin_46100406的博客

03-28

906

storage.setItem(keyName, keyValue); keyName 一个 DOMString，要创建或更新的键名。 keyValue 一个 DOMString，要创建或更新的键名对应的值。返回值 undefined setItem() 作为 Storage 接口的方法，接受一个键名和值作为参数，将会把键名添加到存储中，如果键名已存在，则更新其对应的值。 ...

localStorage.setItem与localStorage.getItem存储数据

wushen的博客

04-26

4927

sessionStorage和localStorage Web Storage实际上由两部分组成：sessionStorage与localStorage。 sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。 localSt...

使用localstorage.setItem()存储对象

weixin_45644355的博客

08-04

2594

使用localstorage.setItem(name,value)存储JSON对象时会发现浏览器存储的内容为[object,object]，并不是我们想要的内容，这是因为我们在存储的时候没有进行类型转换，因此我们在使用localstorage.setItem()进行对象存储之前需要使用JSON.stringify(object)进行类型转换，转换成JSON字符串后进行存储就会是我们想要的样子了{‘xxx’:‘11111’} 例如：localStorage.setItem(‘userInfo’, JSON.

localStorage.setItem时间

希望我的博客，能帮上你解决学习中工作中所遇到的问题

08-06

597

并没有提供直接设置过期时间的方法。使用当前时间戳加上过期时间（以毫秒为单位）来设置过期时间戳。每次获取数据时检查这个时间戳是否超过当前时间。方法用于将值保存到指定的键。以下是一个简单的示例，展示如。

JS：localStorage本地存储内容

2301_80270332的博客

02-24

1227

详细介绍了如何localstorage将数据存储在本地，和用json字符串解决复杂对象存储的问题

JavaScript Storage setItem() 方法

weixin_59127121的博客

09-13

1882

方法设置指定的存储对象项的值。方法属于Storage对象，可以是对象，也可以是对象。