WebApi入门第十章（本地存储 localstorage与sessionstorage）

已于 2022-06-29 09:42:18 修改
阅读量289 收藏 1
点赞数 3
分类专栏： WebAPI 文章标签： 前端
于 2021-08-22 20:17:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56344602/article/details/119857062
版权

1.localstorage

1.localStorage:本地存储

将数据存储到浏览器

2.语法

存： localStorage.setItem('属性名','属性值')

取： localStorage.getItem('属性名')

删： localStorage.removeItem('属性名')

清空： localStorage.clear()

3.注意点

a.存储的数据只能是字符串类型。如果是其他数据类型则会自动调用toString()方法转成字符串

b.永久存储。除非自己删，否则一直存在于浏览器

2.sessionStorage

1.sessionStorage相当于短命版的localStorage，其他用法完全一致

2.两者区别

localStorage：永久存储

sessionStorage：临时存储（存在内存，只要浏览器关闭就没有了）

上一章：WebApi入门第九章（BOM浏览器对象模型）

下一章：WebApi入门第十一章（定时器作用及语法）

海海呐
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
WebAPI第六天学习总结——本地存储 (sessionStorage、localStorage)
weixin_52819925的博客
08-20 121
window.sessionStorage 生命周期为关闭浏览器窗口 在同一个窗口(页面)下数据可以共享 以键值对的形式存储使用 存储数据： sessionStorage.setItem(key, value) 获取数据： sessionStorage.getItem(key) 删除数据： sessionStorage.removeItem(key) 清空数据：(所有都清除掉) sessionStorage.clear() 示例代码： <!DOCTYPE html> &l
（webApi）草稿笔记不全面
weixin_47110697的博客
07-20 397
草稿笔记不全面
.NETCore WebApi中的缓存机制
CoffeMilk的博客
08-09 3952
一、说明 作为WebApi接口，性能效率是必不可少的，每次的访问请求，数据库读取、业务逻辑处理都会或多或少的花费时间，特别是一些共用的公有数据，频繁访问且大量重复；针对这样的情况我们就可以考虑通过缓存放置到内存存储中，以空间换取时间的提升，可以提高应用程序的效率；关于缓存的方法有【Cache、Session、Cookie等】，还有功能比较强大的缓存方法，如：Redis等。 本文主要讲述MemoryCache、Session、Cookie这三种缓存方法。 二、缓存方法 2.0、建立一个独立的类..
localStorage 和 sessionStorage知识点
wenwenkaii的博客
04-12 1044
cookie只能存5kb 1兆左右 localStorage sessionStorage 可以达到5兆多 localStorage 对象 用于存储数据 如何存? localStorage.属性名 = 属性值 localStorage.属性名 = JSON.stringify({}[]) 如何取？ localStorage.属性名 localStorage Api localStorage.setItem(“属性名”,“属性值”) localStorage.getItem(“属性名”) localS
H5API：本地储存 sessionStorage和localStorage
YYQingJs的博客
07-23 187
H5API：本地储存 sessionStorage和localStorage
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
在Web开发中，数据存储是不可或缺的一部分，jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储，包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
09-28
HTML5的本地存储功能主要由两个API提供：localStorage和sessionStorage。它们允许Web应用程序在用户的浏览器上持久存储数据，而不依赖于服务器或Cookie。这两者的主要区别在于数据的生命周期：localStorage的数据...
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
10-14
- `sessionStorage` 和 `localStorage` 都属于Web Storage API，它们的主要区别在于数据的有效期：`sessionStorage`只存在于当前会话，而`localStorage`数据持久化。 - `cookie` 与前两者相比，不仅可用于存储数据，...
nsstorage:Web 存储 API 的最小命名空间（localStorage 和 sessionStorage）
06-05
NSStorage 是一个最小的模块，它为 Web 存储 API（localStorage 和 sessionStorage）提供命名空间。 这有助于防止您的 web 应用程序的不同部分覆盖并可能破坏彼此的数据。 ##Usage var fooStorage = NSStorage....
【前端知识点总结】WebAPI BOM & localStorage
jiang_ziY的博客
03-04 373
本章内容包含： 1、window对象，2、location对象，3、history对象，4、navigator对象，5、localStorage与sessionStorage
HTML5——Web存储API，sessionStorage和localStorage
叶落无痕的个人主页
10-19 780
Web存储API，sessionStorage和localStorage
WebAPIs-06 (window中的常见对象方法/localstorage与sessionstorage)
FellAsleep的博客
12-19 387
1.window对象介绍：( 当前浏览器窗口) 1.window是js中的顶级对象 ： 所有的全局函数、全局对象都是window对象的方法 例如 document 、 alert() 、 setInterval() 、setTimeout() 等等 2.window对象的成员(属性+方法),使用时都可以省略window 3.window对象有一个特殊的属性叫做top, 指向window对象本身。 细节： top这个变量名是无法被覆盖的，就算你自己声明top，它还是指向window. * 所以我们声明变量的时
JavaScript - webAPI - 本地存储
Henry_ID的博客
08-11 219
1.1-会话存储 - sessionStorage 1.sessionStorage相当于短命版的localStorage，其他用法完全一致 2.两者区别：HP值不同 ​ localStorage：永久存储（存在硬盘，HP值无限） ​ sessionStorage：临时存储（存在内存，HP值一条命，只要浏览器关闭就没有了） <!DOCTYPE html> <html lang="en"> <head>
Web API 第6（本地存储）
qq_38830147的博客
05-20 190
本地存储 （1）本地存储特性 1，数据存储在用户浏览器中； 2，设置、读取方便、刷新页面也不会丢失数据； 3，容量较大，sessionStorage约5M、localStorage约20M； 4，只能存储字符串，可以将对象JSON.stringify（）编码后存储； （2）window.sessionStorage 1，生命周期为关闭浏览器窗口； 2，在同一个窗口（页面）下数据可以共享； 3，已键值对的形式存储使用； 存储数据：sessiongStorage.setItem(key,value); 获取数据
本地存储 localStorage 和 sessionStorage
最新发布
10-14
localStorage 和 sessionStorage 都是 HTML5 提供的 Web 存储 API，用于在客户端存储数据。它们的区别在于存储数据的生命周期不同。 localStorage 存储的数据没有过期时间，除非用户手动清除或者使用代码清除。而 sessionStorage 存储的数据只在当前会话（session）有效，当用户关闭浏览器窗口后，数据就会被清除。 使用方式类似，都是通过 JavaScript 的 localStorage 和 sessionStorage 对象进行操作。例如，存储数据可以使用 setItem 方法，获取数据可以使用 getItem 方法。 示例代码： ```javascript // 存储数据到 localStorage localStorage.setItem('key', 'value'); // 从 localStorage 获取数据 const value = localStorage.getItem('key'); console.log(value); // 输出：value // 存储数据到 sessionStorage sessionStorage.setItem('key', 'value'); // 从 sessionStorage 获取数据 const value = sessionStorage.getItem('key'); console.log(value); // 输出：value ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

海海呐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值