2022-03-29 cookie的存取以及设置带有效期的cookie

已于 2022-09-21 17:34:49 修改
阅读量445 收藏
点赞数
分类专栏： 笔记 文章标签： javascript 前端 html cookie 本地存储
于 2022-03-29 22:52:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rowlet/article/details/123834697
版权
本文介绍了如何在JavaScript中存取Cookie，并详细讲解了如何为Cookie设置有效期。通过示例代码展示了读取Cookie的不同方法，包括JS读取和浏览器直接查看。在注意事项中提醒读者，设置过期时间后，如果超过该时间，Cookie将不会在浏览器中显示。
摘要由CSDN通过智能技术生成
存
document.cookie="key1=value1";
document.cookie="key2=value2";
读取
js读取
console.log(document.cookie);//读取全部cookie
浏览器读取

查看当前浏览器下的cookie列表:
F12>应用>cookies

最低0.47元/天 解锁文章
前端OnTheRun
关注
专栏目录
利用js-cookie实现前端设置缓存数据定时失效
10-16
主要介绍了利用js-cookie实现前端设置缓存数据定时失效，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
cookie的含义和自定义实现
icc_icc_icc的博客
08-29 788
含义 Cookie，有时也用其复数形式Cookies，指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据(通常经过加密)。定义于RFC2109和2965都已废弃，最新取代的规范是RFC6265。 服务器可以利用Cookies包含信息的任意性来筛选并经常性维护这些信息，以判断在HTTP传输中的状态。Cookies最典型的应用是判定注册用户是否已经登录网站，用户可能会得到提...
前端Cookie基础知识
热门推荐
weixin_45092437的博客
02-28 1万+
​Cookie（也称为Web Cookie、浏览器Cookie等等）是服务器发送到用户浏览器并保存在本地的一小块数据，该数据通常是用户账号相关的信息，不同浏览器对Cookie的数量和大小限制不同，但一般来说，单域名下设置的cookie不能超过30个，单条cookie的大小不能超过4kb。如果Cookie超出浏览器限制，则会被浏览器忽略，不被保存。而且Cookie可以设置过期时间，到达过期时间后，浏览器就会把Cookie清除掉。​
cookie有效时间设置，手把手教你设置
95后独自打拼的程序猿
10-13 8309
1.cookie是否有效时间限定？ cookie是有有效时间的，并且可以自定义有效时间 2.如何设置cookie？ 这里我是直接封装起来，直接贴代码，不懂可以私信！！！ // 设置cookie static setCookie(key, value, expiremHours) { var exdate = new Date(); exdate.setTime(exdate.getTime() + expiremHours * 60 * 60 * 1000); document
js-cookie 设置过期时间
qq_42038997的博客
02-15 3378
【代码】js-cookie 设置过期时间。
js-cookie-jar
01-21
1. **设置Cookie**：除了基本的设置，还可以指定有效期、路径、域等参数。例如，`$.cookie('key', 'value', { expires: 7, path: '/' })`将在一周后过期，并且在整个网站（根路径）有效。 2. **读取Cookie**：通过`...
jquery.cookie.js 存取cookie例子
12-29
例如，设置一个在根目录下，有效期为7天的Cookie： ```javascript $.cookie('username', 'Jane Doe', { expires: 7, path: '/' }); ``` 总的来说，`jquery.cookie.js`插件提供了简洁且易用的API，使得在JavaScript...
js操作cookie 读取 存取 删除 调用
04-22
删除Cookie实际上是将Cookie的有效期设置为过去的某个时间点，这样浏览器就会立即将其清除。 ```javascript function ResetCookie() { var id = "49BAC005-7D5B-4231-8CEA-16939BEACD67"; var expdate = new Date...
cookie解决微信不能存储localStorage的问题
10-21
// 设置一个有效期为365天的cookie setCookie('username', '123', 365); // 读取cookie的值，如果cookie不存在，将返回空字符串 var user = getCookie('username'); console.log(user); // 输出：123 ``` 这种方法...
php使用Cookie实现和用户会话的方法
10-24
// 设置名为"user"的cookie，值为"username"，有效期为1小时 ``` 如果需要删除一个已经设置的Cookie，可以将Cookie的过期时间设置为一个过去的时间。这告诉浏览器该Cookie已经过期，应当删除： ```php setcookie(...
前端进行数据缓存，设置过期时间的方法
luoxiaonuan_hi的博客
03-02 1557
前端存储时，设置一个方法，存储的同时，加上时间戳。取数据时判断是否过期。
使用 vue-cookies 插件操作cookie,设置token有效期
这世上从不缺让人上头的新鲜感，能顾及你情绪的人实属难得。
07-18 4744
vue-cookies 使用
如何设置cookies的过期时间
weixin_30394633的博客
09-02 1970
1． dateadd法 1)将期限设置为当前日期后的第N天的0时0分0秒 Response.Cookies(“LastView”).Expires=dateadd(“d”,N,date) 2)将期限设置为当前日期后的第N月的同一天的0时0分0秒 Response.Cookies(“LastView”).Expires=dateadd(“m”,N,date) 3)将期限设置到当前时间后的第N天的该时...
前端(js)方法来操作cookie
m0_61820867的博客
04-12 9445
介绍前端(js)方法如何来操作cookie
cookie存入、获取、设置有效期
最新发布
weixin_47495465的博客
05-11 237
1、存入及设置有效期。2、获取cookie。3、删除指定cookie。
存储方式详解（cookie、session、Token）
CEO___的博客
04-23 3854
参考文献 浏览器提供的几种存储 vuex页面刷新数据丢失的解决办法 Session Cookie Token
前端：兼容 cookie 和 localStorage 类，且可设置过期时限
前端技术
12-12 178
兼容Cookie和两种方式，且都可设置过期时限；
前端本地存储：cookie，sessionStorage和localStorage
过客如期的博客
05-02 3171
1.浏览器提供了三种常用储存方式可以在浏览器中对数据进行保存，分别是、和cookie2.其中cookie兼容性最好，和在IE8以上都是支持的。1.cookie是最早的存储数据的方式。2.设置cookie（1）基本方式（2）设置过期时间expires=GMT(格林威治时间)格式的日期型字符串;'（3）当没有设置expires时，cookie是临时的，页面关闭时就会删除。（4）我们可以在开发者工具上查看存储的cookies3.读取cookie（1）访问所有的cookie，返回字符串（2）注意在删除。......
使用max-age代替expires设置cookie的过期时间
qq_17335549的博客
01-10 1048
使用max-age代替expires设置cookie的过期时间
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

前端OnTheRun

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

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

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

打赏作者

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

抵扣说明：

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

余额充值