浏览器本地存储

最新推荐文章于 2024-07-28 18:07:55 发布
最新推荐文章于 2024-07-28 18:07:55 发布
阅读量130 收藏
点赞数
分类专栏： javascript 面试必备 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46015513/article/details/122966011
版权
本文介绍了浏览器的本地存储机制，包括长期存储的localStorage和短期存储的sessionStorage。localStorage可永久保存数据，直到手动删除；而sessionStorage数据仅在会话期间有效。它们都使用setItem、getItem和removeItem方法进行操作，但localStorage可存储的数据不受浏览器窗口关闭的影响。
摘要由CSDN通过智能技术生成

本地存储

    长期存储:

        localStorage

            除非手动删除,否者就一直保存在浏览器中

        保存: setItem

            语法: window.localStorage.setItem('名称', 值)

            注意: 只能保存字符串类型,不能是其它数据类型

        获取: getItem

            语法: window.localStorage.getItem('名称')

            注意: 因为保存的时候是字符串,获取的时候也是字符串

        删除: removeItem

            语法:window.localStorage.removeItem('名称')

        注意: 名称是引号包裹

    短期存储:

        sessionStorage

            只是临时保存在浏览器中,关闭浏览器就没有了

        保存: setItem

            语法: window.sessionStorage.setItem('名称', 值)

        获取: getItem

            语法: window.sessionStorage.gitItem('名称')

 

了解本专栏 订阅专栏 解锁全文 超级会员免费看
#秃头小牛
关注
专栏目录
订阅专栏
new操作符的执行过程
qq_46015513的博客
09-17 2272
new操作符的实现原理 new操作符的执行过程： （1）首先创建了一个新的空对象 （2）设置原型，将对象的原型设置为函数的 prototype 对象。 （3）让函数的 this 指向这个对象，执行构造函数的代码（为这个新对象添加属性） （4）判断函数的返回值类型，如果是值类型，返回创建的对象。如果是引用类型，就返回这个引用类型的对象。 具体实现： function objectFactory() { let newObject = null; let constructor = Ar..
前后端交互的请求方式
qq_46015513的博客
07-20 1371
前后端交互的请求方式 + 不止局限于 ajax 请求 + 只要是网络请求, 就分请求方式 1. 八种常见的请求方式 1-1. GET: 偏向获取的语义 1-2. POST: 偏向于提交的语义 1-3. PUT: 偏向于提交的语义, 偏向于提交添加 1-4. DELETE: 偏向于提交删除的语义 1-5. PATCH: 偏向于提交的语义, 偏向于提交修改 1...
浏览器本地存储详解、 cookie、sessionStorage、localStorage、IndexedDB
最新发布
liangzhenmeng的博客
07-28 6万+
服务器端可以使用 Set-Cookie 的响应头部来配置 cookie 信息。一条cookie 包括了5个属性值 expires、domain、path、secure、HttpOnly。其中 expires 指定了 cookie 失效的时间，domain 是域名、path是路径，domain 和 path 一起限制了 cookie 能够被哪些 url 访问。secure 规定了 cookie 只能在确保安全的情况下传输，HttpOnly 规定了这个 cookie 只能被服务器访问，不能使用 js 脚本访问。
浏览器本地存储方案
太阳当空照，花儿对我笑，微风轻轻拂，心情无限好。
05-19 940
浏览器本地存储方案可以分为三个方面，分别为CookieIndexedDB。
浏览器原理---浏览器本地存储
sinat_34896766的博客
04-30 1310
Cookie是最早被提出来的本地存储方式，在此之前，服务端是无法判断网络中的两个请求是否是同一用户发起的，为解决这个问题，Cookie就出现了。SessionStorage和LocalStorage都是在HTML5才提出来的存储方案，SessionStorage 主要用于临时保存同一窗口(或标签页)的数据，刷新页面时不会删除，关闭窗口或标签页之后将会删除这些数据。LocalStorage是HTML5新引入的特性，由于有的时候我们存储的信息较大，Cookie就不能满足我们的需求。b、Cookie无法跨域。
一文读懂浏览器本地存储：Web Storage
zhuanzhuantech的博客
08-01 3263
希望通过此篇文章，可以让大家了解 Web Storage 在浏览器数据存储和读取的相关操作，以及相关事件和限制。
浏览器本地存储和会话机制
Nie_XiaoGang的博客
04-12 824
浏览器本地存储和会话机制，cookie、sessionStorage、loclaStorage，token
浏览器本地存储的四种方式
热爱前端的大三在校生
10-25 7499
localStorage的存储都是字符串，如果是存储对象，那么在存储时就需要调用JSON的stringify方法，并且在取值时用JSON.parse来解析成对象。来进行存储，但是当数据量较大，或符合一定的规范时，我们可以使用indexedDB数据库来进行数据的存储，indexedDB数据库存储理论上没有大小的限制。HTTP是一个无状态的协议，客户端向服务器发送请求，服务器返回响应，但是下一次发送请求时服务端就无法识别客户端的身份信息，故而产生了Cookie。
Vue-浏览器本地存储
m0_64081601的博客
03-21 976
以文件的方式存储在本地，通过把数据存在浏览器中，用户不必每次都向服务器请求获取同一个信息。在你离线时，使用本地存储的数据而不是向远端服务器上请求数据就非常方便，客户端存储可以通过这些技术来实现：cookie,webStorage（LocalStorage，sessionStorage），这一篇我们着重说webStorage。
浏览器的本地存储
fish_skyyyy的博客
11-16 1818
浏览器的本地存储一、Cookie二、WebStorage1、localStorage2、sessionStorage三、IndexedDB四、总结 浏览器的本地存储主要分为Cookie、WebStorage和IndexedDB，其中WebStorage又分为localStorage（本地存储）和sessionStorage（会话存储）。 一、Cookie Cookie最开始并不是用于本地存储的，而是为了弥补HTTP在状态管理上的不足： HTTP是一个无状态的协议，客户端向服务器发送请求，服务器返回响应，但是
浏览器本地存储 ~~~
zheshihuahua的博客
09-14 530
此cookie的超时时间。Web SQL：2010年被W3C废弃的本地数据库数据存储⽅案，但是主流浏览器（⽕狐除外）都已经有了相关的实现，web sql类似于SQLite，是真正意义上的关系型数据库，⽤sql进⾏操作，当我们⽤JavaScript时要进⾏转换，较为繁琐；cookies： 在HTML5标准前本地储存的主要⽅式，优点是兼容性好，请求头⾃带cookie⽅便，缺点是⼤⼩只有4k，⾃动请求头加⼊cookie浪费流量，每个domain限制20个cookie，使⽤起来麻烦，需要⾃⾏封装；
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
在Web开发中，数据存储是不可或缺的一部分，jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储，包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
js浏览器本地存储store.js介绍及应用
10-25
浏览器本地存储指的是网页浏览器为网页提供的存储空间，使得开发者能够保存和读取网站或应用的数据，以实现网站的离线访问、记录用户偏好设置等效果。传统上，常见的本地存储方式包括 Cookie、Web Storage...
input密码可见切换
qq_46015513的博客
02-17 1157
button { background-color: pink; border-radius: 10px; } input { border-radius: 10px; height: 20px; } <input type="password"> <button>显示密码</button&g...
数组有哪些原生方法？
qq_46015513的博客
09-17 887
数组有哪些原生方法？ 数组和字符串的转换方法：toString()、toLocalString()、join() 其中 join() 方法可以指定转换为字符串时的分隔符。 数组尾部操作的方法 pop() 和 push()，push 方法可以传入多个参数。 数组首部操作的方法 shift() 和 unshift() 重排序的方法 reverse() 和 sort()，sort() 方法可以传入一个函数来进行比较，传入前后两个值，如果返回值为正数，则交换两个参数的位置。 数组连接的方法 concat..
js创建节点
qq_46015513的博客
02-17 732
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
什么是 DOM 和 BOM？
qq_46015513的博客
09-17 721
什么是 DOM 和 BOM？ DOM 指的是文档对象模型，它指的是把文档当做一个对象，这个对象主要定义了处理网页内容的方法和接口。 BOM 指的是浏览器对象模型，它指的是把浏览器当做一个对象来对待，这个对象主要定义了与浏览器进行交互的法和接口 ...
获取页面的dom元素
qq_46015513的博客
02-17 713
获取页面的DOM元素 分为两种情况 1.获取非常规标签 2.获取常规标签 一.获取非常规标签 html 语法：document.documentElement head 语法：document.head body 语法：document.body 二.获取常规标签 1.通过id获取 ...
js查看浏览器本地存储
07-28
你可以使用JavaScript的`localStorage`对象来查看浏览器的本地存储。`localStorage`提供了一种简单的键值对存储方式，可以在浏览器的会话期间持久化保存数据。 要查看本地存储中的数据，你可以使用以下代码： ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值