【JavaScript】webStorage类型、SessionStorage、LocalStorage

最新推荐文章于 2024-07-26 20:46:33 发布
最新推荐文章于 2024-07-26 20:46:33 发布
阅读量61 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50800552/article/details/128049698
版权

Stronge类型

方式描述
SessionStorage存储的内容，会随着浏览器窗口关闭而消失
LocalStorage存储的内容，需要手动清除才会消失

使用

API描述
storage.setItem('key', 'value');把键值对添加到存储中，如果键名存在，则更新其对应的值
storage.getItem('key');返回键对应的值
storage.removeItem('key');把键从存储中删除
storage.clear()清空存储中的所有数据
Bug笔记
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web Storage[sessionStorage、localStorage]和cookie 的区别
add_L的博客
12-17 187
web Storage[sessionStorage、localStorage]和cookie 的区别 简介 web storage和cookie用于在浏览器中保存数据，属于在客户端的本地存储， 使部分数据实现持久化 Cookie cookie的中文意思是“小甜饼”的意思，确实cookie的存储空间较小，大小被限制在4KB左右，其主要的作用是保存用户的登录信息，避免用户在同域的平台需重复多次登录的情况（例如登录某宝时，点击某商品进入链接需登录一次，进入购物车换一个链接又需重新登录）。 代码如下（示例）： w
web-store-js:使用sessionStorage或localStorage在Web浏览器中存储数据JavaScript库
05-12
安装只需抓取或并将其包含在脚本标签中即可。用法 < script src =" web-store.min.js " > </ script >支持的浏览器在谷歌浏览器中测试兼容性web-store-js与Ext JS 6客户端代理兼容： 和 。
WebStorage笔记-localStorage和sessionStorage
大脑不能为空
07-05 104
该文章介绍了localStorage和sessionStorage的基本使用
数据存储（二）WebStorage 之 sessionStorage、globalStorage、localStorage
KEEP RUNNING的博客
11-24 1898
sessionStorage在多窗口之间是否能共享状态？ sessionStorage数据存储在哪里？ sessionStorage和localStorage区别？
Web Storage——sessionStorage && localStorage简介
weixiao的博客
07-19 231
1.sessionStorage：将数据保存在session对象中。所谓session，是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，也就是用户浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要求保存的任何数据。 2.localStorage：将数据保存在客户端本地的硬件设备(通常指硬盘，也可以是其他硬件设备)中，即使浏览器被关闭了，该数据仍然存在，下次打开浏览器访问网站时仍然可以继续使用。 这两者的区别在于，sessionStorage为临时保存，而loc..
webstorage (sessionStorage和localStorage)和cookie区别
qq_44438941的博客
03-14 782
webstorage (sessionStorage和localStorage)和cookie区别
webStorage之localStorage和sessionStorage
Zhaof_Notes
01-03 127
webStorage之localStorage和sessionStorage
浏览器本本地存储 WebStorage：sessionStorage和localStorage
weixin_47198950的博客
07-30 99
sessionStorage和localStorage
【JS】 Web Storage的sessionStorage和localStorage与cookies、session的用法、区别
余浩的博客
01-14 347
Web Storage存储机制是对HTML4中cookie存储机制的一个改善。 HTML5提供可以以key/value形式在本地存储用户的浏览数据的Web Storage。 Web Storage存储 API 提供了 sessionStorage （会话存储） 和 localStorage（本地存储）两个存储对象来对网页的数据进行添加、删除、修改、查询操作。
Web Storage（localStorage/sessionStorage）
zhouhao620的博客
02-17 683
概述 Web Storage（localStorage/sessionStorage）是同步的，会阻塞主线程，只能包含字符串，在浏览器的隐私模式下不可读取，并且无法从web worker或service worker访问Web Storage。 Web Storage本质上是对字符串的读取，如果存储内容多的话会消耗内存空间，会导致页面变卡。 不会由浏览器自动发给服务器，需要手动取出来放到请求里面才会发给服务器，因此可以避免CSRF攻击。 sessionStorage与localStorage的唯一区别就是l
HTMl5的存储方式sessionStorage和localStorage详解
09-28
HTML5的Web Storage引入了两种新的本地数据存储方式：`sessionStorage`和`localStorage`，它们解决了传统Cookie在存储容量和性能上的限制，为Web应用提供了更高效的数据管理能力。 `sessionStorage`主要用于存储...
jquery-webstorage:用于简化 localStorage 和 sessionStorage 的 jQuery 插件
07-03
这个插件的目标是简化 webstorage 的使用（也称为 sessionStorage 和 localStorage）： 您可以存储任何类型的数据类型并且不关心转换 你可以使用命名空间 您可以跨不同的选项卡/窗口使用存储事件（也在 IE = 上） ...
webStorage:[已弃用]最小的Javascript库，可改善您使用localStorage或sessionStorage的方式
05-28
该库的目的是允许用户使用名称空间（默认为“ webStorage”）作为每个项的键的前缀来相应地操作数据到localStorage或sessionStorage 。 这是设计使然，以避免与可能已经保存到存储中的其他键/值对潜在冲突。 因此，...
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
10-14
- `sessionStorage` 和 `localStorage` 都属于Web Storage API，它们的主要区别在于数据的有效期：`sessionStorage`只存在于当前会话，而`localStorage`数据持久化。 - `cookie` 与前两者相比，不仅可用于存储数据，...
JavaScript青少年简明教程：函数及其相关知识（下）
最新发布
cnds123的专栏
07-26 472
JavaScript青少年简明教程：函数及其相关知识（下）
HarmonyOS应用开发者高级认证，Next版本发布后最新题库 - 多选题序号4
Gusha_的博客
07-23 1303
HarmonyOS应用开发者高级认证最新题库，编写于2024年7月19日，Next版本发布之后
【React 】开发环境搭建详细指南
lph159的博客
07-24 1084
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
vue el-select的下拉树形结构 带检索功能
Jokerxiuka的博客
07-26 102
【代码】vue el-select的下拉树形结构。
如何在JavaScript中使用sessionStorage和localStorage？
05-18
在JavaScript中使用sessionStorage和localStorage十分简单，它们都是用于在浏览器端存储数据的API。它们的主要区别在于数据的生命周期。 1. sessionStorage：在浏览器窗口关闭之前，数据存储在sessionStorage中。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值