javaScript的cookie使用

已于 2022-01-25 15:41:46 修改
阅读量2.2k 收藏 8
点赞数
分类专栏： javascript 文章标签： javascript
于 2022-01-25 15:35:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42571979/article/details/122685590
版权

1、使用 JavaScript 创建Cookie

这里写了个demo：就是普通的存储key和value一般我们是把它们封装成一个方法。
html页面上
在这里插入图片描述
效果：
在这里插入图片描述

setCookie和getCookies是封装好的两个js方法，主要是操作document.cookie;
在这里插入图片描述
点击存储userName按钮会将tang存储进浏览器，点击替换userName按钮值被替换成了xxx。
js的cookie的Expires（期限）默认是Session，浏览器关闭后就会清除；
在这里插入图片描述

2、设置Cookie的有效期限

在项目中我们一般都会设置登录的有效期限，
我们为 cookie 添加一个过期时间（以 UTC 或 GMT 时间）。
在这里插入图片描述
这里穿多少个小时就行了，用js的Date().setTime()为date重新赋值，然后转换成cookie里面所需要的模式就行了。

3、删除Cookie

删除一般就是把它的有效期设置为小于当前时间就可以了；
在这里插入图片描述

林-
关注
专栏目录
cookie的使用
weixin_45368324的博客
04-10 311
cookie cookie是http协议下，服务端或者脚本可以维护客户端信息的一种方式。 koa中cookie的使用 1.储存cookie的值 ctx.cookies.set(name, value, [options]) 2.获取cookie的值 ctx.cookies.get(name, [options]) 3.options常用设置 maxAge 一个数字表示从 Date.now(...
js中对于cookie的运用
weixin_45147894的博客
10-17 256
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widthh, initial-scale=1.0"> <title>Document</title> </head> <body onload="checkCookie()".
js中cookie的使用详细分析
07-10
JavaScript中的另一个机制：cookie，则可以达到真正全局变量的要求。 cookie是浏览器 提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。
js操作cookie,asp.net后台删除cookie
LYBWWP
08-27 3594
cookie 与 session 是网页开发中常用的信息存储方式。Cookie是在客户端开辟的一块可存储用户信息的地方；Session是在服务器内存中开辟的一块存储用户信息的地方. JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。 而cookie是运行在客户端的，所以可以用JS来设置cookie. 假设有这样一种情
js-cookie 使用教程
最新发布
gitblog_01076的博客
08-09 332
js-cookie 使用教程 js-cookieA simple, lightweight JavaScript API for handling browser cookies项目地址:https://gitcode.com/gh_mirrors/js/js-cookie js-cookie 是一个轻量级的JavaScript库，用于处理浏览器中的cookies。它具有广泛的浏览器兼容性，支持...
JS设置cookie，删除cookie
weixin_33910137的博客
09-25 412
  js设置cookie有很多种方法。 第一种：（这个是w3c官网的代码） &lt;script&gt; //设置cookie function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); v...
JS 中 cookie 的使用
IT可乐
04-27 251
&#13; 1、cookie 是什么？　　①、cookie 是存储于访问者计算机中的变量。每当一台计算机通过浏览器来访问某个页面时，那么就可以通过 JavaScript 来创建和读取 cookie。&#13; 　　②、实际上 cookie 是存于用户硬盘的一个文件，这个文件通常对应于一个域名，当浏览器再次访问这个域名时，便使这个cookie可用。因此，cookie可以跨越一个...
JS操作COOKIE
GAE/SAE/*AE 学习
11-17 167
[code="js"] //set cookie function setcookie(name,value){ var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+...
JavaScript cookie原理及使用实例
10-15
JavaScript Cookie 是一种在客户端存储少量数据的技术，常用于实现用户会话管理、个性化设置等功能。在Web开发中，Cookie起着关键的角色，因为它们能在浏览器和服务器之间传递信息。以下是关于JavaScript Cookie的...
JavaScript使用cookie
10-31
### JavaScript 使用 Cookie 的深入解析 #### 一、Cookie 概述及应用场景 在现代Web开发中，**Cookie** 是一种非常重要的技术，它允许开发者在客户端（即用户的计算机上）存储少量的数据。通过使用Cookie，开发者...
JavaScript Cookie显示用户上次访问的时间和次数
10-29
要使用 JavaScript 访问和修改 Cookies，开发者需要通过 document.cookie 对象来操作。document.cookie 包含当前域下所有的 Cookies 字符串。由于这个字符串是用分号分隔的键值对形式存储的，因此需要解析这个字符串...
javascript制作的cookie封装及使用指南
10-24
这篇教程主要讲解了如何使用JavaScript封装一个方便操作Cookie的工具类，包括创建、读取、删除和清空Cookie的方法。 首先，封装Cookie的主要目的是为了提高代码的可读性和可维护性，避免每次都直接操作`document....
js-cookie及其使用
热门推荐
l-ddui的博客
04-13 1万+
js-cookie及其使用
js-cookie中文文档
岁月如歌去，十年弹指间
09-30 6135
js-cookie是一个简单的，轻量级的处理cookies的js API。 API 创建 //创建简单的cookie Cookies.set('name', 'value'); //创建有效期为7天的cookie Cookies.set('name', 'value', { expires: 7 }); //为当前页创建有效期7天的cookie Cookies.set('name', 'v...
通过JS 来理解COOKIE
08-04 502
【转载】http://apps.hi.baidu.com/share/detail/33234677 感谢这位作者，让我用1分钟时间知道了什么事COOKIE和怎么用，现在写在自己的博客里方便以后查找。   设置cookie 每个cookie都是一个名/值对，可以把下面这样一
Javascript 设置Cookie
郎涯技术
08-07 1043
Cookie是在客户端开辟的一块可存储用户信息的地方；Session是在服务器内存中开辟的一块存储用户信息的地方.JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS来设置cookie.       在程序中，会话跟踪是很重要的事情。理论上，一个用户的所有请求操作都应该属于同一个会
js-cookie的使用
weixin_52615140的博客
01-04 1万+
关于js-cookie的那些事，js-cookie的使用
js中cookie的使用
FavoriteStudent的博客
06-22 1580
cookie概述cookie是浏览器提供的一种机制，它将document对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cookie是存于用户硬盘的一个文件，这个文件通常对应于一个域名，当浏览器再次访问这个域名时，便使这个cookie可用。因此，cookie可以跨越一个域名下的多个网页，但不能跨域多个域名使用。不同的...
JS中如何使用Cookie
wsq198760的专栏
07-09 215
1、关于JS设置Cookie的说明 在Javascript脚本里，一个cookie 实际就是一个字符串属性。当你读取cookie的值时，就得到一个字符串，里面当前WEB页使用的所有cookies的名称和值。每个cookie除了 name名称和value值这两个属性以外，还有四个属性。这些属性是： expires过期时间、 path路径、 domain域、以及 secure安全。Expires...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值