Window.localStorage 本地存储

最新推荐文章于 2024-04-01 14:01:04 发布
最新推荐文章于 2024-04-01 14:01:04 发布
阅读量772 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57835615/article/details/117478844
版权
localStorage提供持久化的本地存储，数据无过期时间，直到手动清除。特性包括生命周期长、同浏览器间数据共享以及键值对存储。使用方法涵盖存储、读取、删除和清空数据的操作，例如设置、获取、删除单个键值以及清空所有数据。示例展示了如何交互操作localStorage。
摘要由CSDN通过智能技术生成

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。

特点：

1.生命周期直至手动删除

2.同一个浏览器内数据可以共享

3.3.以键值对的方式存储数据

使用方法：

1.存取数据

语法格式：

localStorage.setItem("key", "value");

2.读取数据

语法格式：

localStorage.getItem("key");

3.删除数据

语法格式：

localStorage.removeItem("key");

4.清空数据

语法格式：

localStorage.clear( );

示例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content
最低0.47元/天 解锁文章
「已注销」
关注
本地存储（localStorage）
l_ychee的博客
03-26 1204
本地存储（localStorage） 1.概念：window对象下面的属性,html5新增的，将5M大小的数据存储本地的浏览器上面。 2.存储的位置：浏览器控制面板–application–左侧面板local Storage 3.本地存储localStorage特点： ①本地存储属于永久存储，除非手动删除。 ②html5新增的,高版本的浏览器支持。 ③目前所有的浏览器都会把localStorage...
Window sessionStorage 属性
暴君的博客
06-12 2650
使用 sessionStorage 创建一个本地存储的 name/value 对，name="lastname" value="Smith", 然后检索 "lastname" 的值，并插入到 id="result" 的元素上:定义和使用localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。sessionStorage 用于临时保存同一窗口...
window.localStorage和window.sessionStorage本地储存、取出、删除函数封装
杨星的博客
06-09 1160
1、window.localStorage 1.本地存储 // 本地存储 setLocalStorage(name, data){ let dataType = typeof data; // json对象 if(dataType === 'object'){ window.localStorage.setItem(name, JSON.stringify(data)); } // 基础类
window.location/localStorage本地存储
m0_45000011的博客
04-26 103
localStorage本地存储，数据存在哪？
热门推荐
chenjineng的博客
07-25 2万+
localStorage.setItem("laker", "championship") 突发奇想，localStorage存储的"laker"数据放在系统那个盘？ 以Chrome浏览器为例，数据放在C:\Users\你的计算机名\AppData\Local\Google\Chrome\User Data\\Default\Local Storage\leveldb 用Notepad+...
local-storage-proxy:使用window.localStorage，就像它是一个对象一样
04-30
本地存储代理 使用window.localStorage，就像它是一个对象一样 npm install local-storage-proxy 用法 import localStorageProxy from 'https://unpkg.com/local-storage-proxy@^2?module' window . localStorage . ...
window.localStorage对象和window.sessionStorage对象的区别
yangaoyuan1999的博客
09-22 1886
传统在本地设备上存储数据，使用document.cookie来进行存储，但存储空间只有4KB左右，并且需要复杂的操作来解析。 两者区别： 1.在Web Storage API中包含两个关键的对象：window.localStorage对象和 window.sessionStorage对象，前者用于本地存储，后者用于区域存储。 2.容量上，sessionStorage约5MB,localStorage对象约20MB 3.localStorage是永久性存储，而sessionStorage的生命周期与会
window.localStorage.setItem的使用
weixin_43718291的博客
03-03 2607
最近接触的一个小项目中频繁看到一个新的面孔： changeTheme () { dispatch({ type: 'app/switchTheme' }) }, changeOpenKeys (openKeys) { window.localStorage.setItem(`${prefix}navOpenKeys`, JSON.stringify(ope...
前端系列——window.localStorage空值判断问题（这真的是一个值得深思的问题）
qq_51553982的博客
03-30 3185
window.localStorage空值判断问题前言问题描述问题原因分析先看输出原因根本原因总结 前言 我们都知道window.localStorage是用于查看你浏览器的本地存储的 我们可以根据本地存储进行判断用户状态等一系列的事件 问题描述 今天在写的时候我对localStorage里的token进行空值判断来判断用户状态以渲染用户头像 发现使用(window.localStorage.getItem('token') != ‘’来判断的话无法正确判断token是否为空，必须使用(window.lo
Window.localStorage
蓝_蓝的博客
11-04 647
最近开发时候，使用到Window.localStorage，就顺便写一下使用方法： 原理：localStorage存储的数据将存放在浏览器的会话中，存在localStorage的数据可以长期保留；与sessionStorage不同，sessionStorage当页面会话结束（当页面被关闭时），存储在sessionStorage的数据会被清除。 注意：localStorage中的键值对总是以字符串的形式存储的，故需要存储键值对格式时需要进行转换：转成字符串JSON.stringify；转成对象JSON..
window.localStorage的用法
孤云博客
03-28 4041
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)、博主微信（guyun297890152）、QQ技术交流群(183198395)。 from：https://blog.csdn.net/weixin_40279966/article/details/79176520 一、什么是localStorage、sessionStorage 在HTM...
本地存储：window.localStorage的特性和使用方法
weixin_46682277的博客
04-22 1541
window.localStorage的特性： 生命周期永久生效，除非手动删除，否则关闭页面也会存在 可以多窗口(页面)共享(同一个浏览器的情况下) 以键值对的形式存储使用(和sessionStorage一样) window.localStorage的使用方法(和sessionStorage使用方法一样)： 存储数据： localStorage.setItem(key,value); 获取数据： localStorage.getItem(key); 删除数据： localStorage.removeIt
Window.localStorage和sessionStorage
dawfwafaew的博客
06-01 499
搬运于Window.localStorage - Web API 接口参考 | MDN (mozilla.org)只读的 属性允许你访问一个Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中。 类似 sessionStorage，但其区别在于：存储在 的数据可以长期保留；而当页面会话结束——也就是说，当页面被关闭时，存储在 的数据会被清除 。应注意，无论数据存储在 还是 ，它们都特定于页面的协议。另外， 中的键值对总是以字符串的形式存储。 (需要注意，和 js
web本地存储之localStorage、sessionStorage
cccccl的博客
03-15 169
一、本地存储的特性： 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不会丢失数据 3、容量较大，sessionStorage约5M、localStorage约20M 4、只能存储字符串，可以将对象JSON.stringify() 编码后存储 二、window.localStorage 和 window.sessionStorage的区别: 1.相同点： 获取数据（.getItem(key, value)）、存储数据（.setItem(key)）、删除数据（.removeItem(key)
window.localStorage.clear()和 window.sessionStorage.clear()
Gx754649的博客
07-18 2356
window.localStorage.clear()和 window.sessionStorage.clear()
js操作cookie
紫色星空
12-19 557
//取得cookie       function getCookie(name) {         var nameEQ = name + "=";         var ca = document.cookie.split(';'); //把cookie分割成组           for ( var i = 0; i             var c = ca[i]; //
window.localStorage 增删改查
最新发布
weixin_45677987的博客
04-01 429
为什么把新增和修改归为一类, 因为对于localStorage 的修改也是再次通过 setitem 来进行的删除单个 数据。let content = window.localStorage.getItem('名称')window.localStorage.clear();// 清楚所有数据。window.localStorage.setItem('名称', '数据内容');window.localStorage.removeItem('名称')；
localStorage的存储,读取,删除
weixin_53093309的博客
06-18 493
localStorage存储 我们通过以下方式将数据储存到localStorage中 window.localStorage.setItem('key',value) 但有时value为一个对象Object,以上面的方式写入,会出现读取的返回值为 {object Object}的情况,但这并不是我们想要的,此时我们需要使用新的方式 传入Object window.localStorage.setItem('param',JSON.stringify(Object)) 通过JSON.stringify(O
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(...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值