JavaScript操作cookie

轻量级JavaScript库Cookie.js:简化Web开发中的Cookies操作 在Web开发早期,开发者需直接操作字符串来管理客户端状态,这种方式不仅语法晦涩,还极易因编码、作用域或过期逻辑处理不当引发bug。Cookie.js应运而生,旨在通过封装底层复杂性,提供语义化、链式调用友好的API。其设计遵循“约定优于配置”原则,默认行为安全合理,同时支持精细控制。Cookie本质上是一组键值对形式的数据,其传输过程完全依赖于HTTP头字段。当用户首次访问某个网站时,服务器可以通过响应头中的Set-Cookie字段向浏览器下发一个或多个Cookie。 阅读详情

参考自石川讲师讲授的内容,在此表示感谢

言归正传,JavaScript操作cookie,分为三个阶段:

第一,设置cookie:

setCookie = function (name, value, days) {
                        var date = new Date();
                        date.setDate(date.getDate() + days);
                        document.cookie = name + "=" + value + ";expires=" + date;
                    }

以上是设置cookie的代码,特别简单,就不给大家具体解释了,如果这个你都不知道,我要劝退你了

第二,读取cookie:

getCookie = function (name) {
                        var cookie = document.cookie.split("; ");
                        for (var i = 0; i < cookie.length; i++) {
                            var value = cookie[i].split("=");
                            if (value[0] == name) {
                                return value[1];
                            }
                        }
                        return "";
                    }

解释下,cookie就是一串以分号空格风格的文本,先以此进行以此分割,就得到了对应的键值对了,不过中间多了个等号,于是乎,在一等号分割,就得到了键和值,遍历一下所有的信息,如果得到了我们想要的结果,那么就向调用者返回cookie的值,如果没有就返回空值

第三,销毁cookide:

这个简单的不能再简单了

setOutDate = function (name) {
                        this.setCookie(name, 1, -1);
                        return this;
                    }


因为cookie过期了,浏览器自动就销毁了,但是,以上的代码还能够再优化,于是我们做以下优化,得到如下代码:


var OpreateCookie = function () {
                    var context = new Object();
                    context.setCookie = function (name, value, days) {
                        var date = new Date();
                        date.setDate(date.getDate() + days);
                        document.cookie = name + "=" + value + ";expires=" + date;
                        return this;
                    }
                    context.getCookie = function (name) {
                        var cookie = document.cookie.split("; ");
                        for (var i = 0; i < cookie.length; i++) {
                            var value = cookie[i].split("=");
                            if (value[0] == name) {
                                return value[0];
                            }
                        }
                        return "";
                    }
                    context.setOutDate = function (name) {
                        this.setCookie(name, 1, -1);
                        return this;
                    }
                    return context;
                }
这样我们就把cookie的操作封装到了一起了,以后在项目中要使用的时候,可以直接引入即可,方便快捷

windows10下Boost的安装与初试 https://blog.youkuaiyun.com/s_lisheng/article/details/72871218 https://blog.youkuaiyun.com/yockie/article/details/8856190?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-12.vipsorttest&depth_1-utm_source=dis 阅读详情

相关推荐

Modscan32连接上了却没数据?一文拆解所有报错(从“Device NOT CONNECTED”到“Checksum Error”)

本文深入解析Modscan32连接异常问题,从状态栏报错到数据异常,提供系统化的诊断思路和解决方案。涵盖物理层问题、配置参数错位、端口占用冲突等常见故障,帮助工程师快速定位和解决Modbus通信中的各类错误。

weixin_30384217的博客 398

Js 操作 Cookies 代码

js代码     function   getCookieVal(offset)   {         var   endstr   =   document.cookie.indexOf(";",offset);         if(endstr   ==   -1)             endstr   =   document.cookie.length;    ...

weixin_34417814的博客 125

别再手动配电脑了!手把手教你用Windows Server 2022搭建企业AD域(附DNS配置避坑指南)

本文详细介绍了如何使用Windows Server 2022搭建企业AD域,提升20+终端的管理效率。通过实战案例和避坑指南,解析AD域的核心价值、部署步骤及DNS配置技巧,帮助企业实现集中权限管理、安全策略统一部署,显著降低IT运维成本。

weixin_30652897的博客 351

JavaScript Cookie操作终极指南:js-cookie完整使用教程

想要在浏览器中轻松处理Cookie操作吗?js-cookie是一个简单、轻量级的JavaScript API,专门用于处理浏览器Cookie。这款强大的工具支持各种浏览器,没有依赖,体积小于800字节,是前端开发的必备利器!😊 ## 为什么选择js-cookie? 在Web开发中,Cookie处理是必不可少的功能。js-cookie提供了以下核心优势: ✨ **超轻量级** - 压缩后小于

gitblog_00190的博客 493

Godot 4.x 实现 JRPG 回合制战斗系统:架构、状态机与实战优化

游戏开发中,状态机是管理复杂逻辑流转的核心设计模式,尤其在回合制战斗这类事件驱动的场景中。其原理是通过定义有限的状态和明确的转移条件,来控制系统在不同阶段的行为,从而实现清晰、可维护的流程控制。这项技术的价值在于能够将杂乱的条件判断代码结构化,降低模块间的耦合度,提升代码的可读性和可扩展性。在游戏开发领域,状态机广泛应用于角色AI、UI流程、战斗系统等场景。本文以Godot引擎为例,深入探讨如何运用节点与信号驱动架构,构建一个健壮的JRPG(日式角色扮演游戏)回合制战斗系统。内容涵盖从核心的**状态机**设

weixin_33749242的博客 500

[USACO2023-JAN-Bronze] T2 Air Cownditioning II 题解

[USACO2023-JAN-Bronze] T2 Air Cownditioning II题解

1652

js java cookie_JavaScript操作和使用Cookie

Cookie概述Cookie是由服务器端生成并储存在浏览器客户端上的数据。在javaweb开发中Cookie被当做java对象在web服务器端创建,并由web服务器发送给特定浏览器客户端,并且web服务器可以向同一个浏览器客户端上同时发送多个Cookie,每一个Cookie对象都由name和value组成,name和value只能是字符串类型,浏览器接收到来自服务器的Cookie数据之后默认将其保...

weixin_34526937的博客 344

ENVI中Landsat8大气校正法实现地表温度精准反演

本文详细介绍了在ENVI软件中,利用大气校正法对Landsat8热红外数据进行地表温度反演的完整流程。该方法通过辐射定标、大气参数获取、发射率估算及温度转换四个核心步骤,精准剔除大气干扰,还原地表真实温度,是城市热岛效应监测、农业旱情分析等应用的关键技术。

weixin_29292535的博客 150

JS Javascript 操作Cookie

--未测试 留着参考 中文时可以用 unescape、escape 或是 encodeURI、decodeURI 进行转换 一: JS操作cookie.html ` //用法: //一、设置cookie var cookie = new Cookies(); function set() {

·Lee 786

微分中值定理

文章目录证明根的存在性证明不等式微分中值定理有关的证明题解题方法题目1题目2题目3题目4题目5题目6题目7题目8(难) 微分中值定理:把函数改变量与一点的导数值联系起来 中值定理意义:将函数与导数联系起来 证明根的存在性 证明根的存在性:零点定理和罗尔定理 由于无法说明两端点异号,所以想罗尔定理 构造一个辅助函数,这个辅助函数的导数为要证的方程 这个辅助函数在两端点值相等,说明辅助函数的导数在0到1内存在0点。 这也就是为什么要构造一个导数为要证明的方程的原因 证明不等式 题目中出现了两点函

sparky的博客 4907

手把手教你完成YOLOv8 PyQt5和PySide6目标检测界面搭建,前台系统+后台管理系统开发实战,可用于大论文凑工作量或毕设必备,全网最详细教程

目标检测是计算机视觉中的重要任务,广泛应用于安防监控、自动驾驶、智能家居等领域。YOLO系列模型由于其高效的检测速度和较高的准确率,成为目标检测任务的首选算法之一。本项目结合 YOLOv8 与 PyQt5,构建了一个图形化界面,便于用户进行目标检测的操作和展示,实现对图片、视频和摄像头的实时目标检测,不仅可以用于大论文的工作量展示,还可以作为毕业设计。支持目标检测、目标分割等模型进来检测

在职AI算法工程师,擅长计算机视觉,YOLO目标检测、分割等,擅长web、pyqt界面可视化,好内容持续更新中,来这里跟大家一起学习,共同进步 1万+

js javaScript 操作cookie

<br /> String.prototype.Trim = function() { return this.replace(/^/s+/g,"").replace(//s+$/g,""); } function JSCookie() { this.GetCookie = function(key) { var cookie = document.cookie; var cookieArray

hoojo 2340

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

JavaScript 2.5 js操作cookie

一、获取cookie let cookieArr = document.cookie.split(";"); let obj = {} cookieArr.forEach((i)=>{ let arr = i.split("="); obj[arr[0]] = arr[1]; } ); console.table(obj); 二、修改cookie

LetsStudy的博客 363

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

js中cookie的操作

//cname:cookie的名称,cvalue:cookie的内容,exdays:cookie有效期时长; function setCookie(cname, cvalue, exdays) { var d = new Date(); // d.setTime(d.getTime() + (exdays*1000));//设置过期时间是多少天后; // d.setTime(d...

图纸的博客 207

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

JavaScript Cookie操作全解析:从原生API到js-cookie实战

在Web开发中,本地存储是构建交互式应用的基础技术之一,它允许浏览器在客户端持久化数据,以实现状态管理和个性化体验。其核心原理是通过浏览器提供的存储接口,将数据以键值对形式保存在用户本地,并在后续页面访问或请求中读取使用。这项技术的价值在于它能够减少服务器负载、提升用户体验并实现无状态HTTP协议下的会话保持。常见的应用场景包括用户登录态管理、个性化设置保存以及跨页面数据传递。本文聚焦于Cookie这一经典的本地存储方案,深入探讨其原生API操作、属性配置以及如何通过封装或使用第三方库(如js-cookie

weixin_30368981的博客 313

帮助你简化Cookie操作的javascript类库 - cookie.js

为什么80%的码农都做不了架构师?>>> ...

weixin_34293902的博客 98

javascript 操作cookie详解

设置cookie 每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie: document.cookie="userId=828"; 如果要一次存储多个名/值对,可以使用分号加空格(; )隔开,例如: document.cookie="userId=828; userName=hulk"; 在cookie的名或值中不能使用分号(;)、逗

杉楂的博客 5657

js操作cookie

直接上代码吧,清楚明了。 cookie的查看局势到cookie的路径下看看打开文件,看看有没有。(记得右键刷新) <% String path = request.getContextPath(); %> <% //Cookie coo1 = new Cookie("key1", "value1"); //coo1.setMaxAge(60000); //coo1.

1171

JavaScript如何操作cookie

 最近做网站要在多个网页之间保存一些用户数据,网页又是静态的,参考了其它网站才知道原来JavaScript就可以操作cookie,特收集了点这方面的知识如下:cookie概述 cookie是浏览器提供的一种机制,它将document对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制,而并不是JavaScript本身的性质。cookie是存于用户硬盘

于明远的专栏 1780

html cookies存取操作,js实现操作cookie的常见方法总结【创建、读取、删除】

本文实例讲述了js实现操作cookie的常见方法。分享给大家供大家参考,具体如下:js操作cookie,可以通过开源的插件实现,方便快捷,兼容性好,同样也可以自己写;此文主要介绍两个常用的插件:Js.cookie.js 和 jQuery.cookie.js0、Js.cookie.jsjs.cookie.js : 一个简单,轻量级的JavaScript API,用于处理cookie;优点:适用于所有...

weixin_28753647的博客 1278

Javascript操作cookie详细分析

Javascript操作cookie详细分析 Javaer们知道JavaEE中定义了一些接口用于操作cookie(javax.servlet.http .Cookie),但是对于前端的js,又是如何操作cookie的呢? 资料参考:https://www.cnblogs.com/bellow/p/4962374.html 做了大量的简化、修改内容和文档格式调整 设置cookie 1. 设置内存...

w8y56f的专栏 1257

JS操作cookie

JS操作cookie cookie是通过键值对的形式来存储数据的(key=value) js对cookie的操作直接使用 document.cookie = … 添加cookie document.cookie = "cookie的名字(即key)" + "=" + "cookie中要存储的内容(即value)"; //如下其实也是一样的 document.cookie = "cookie的名字(即key) =cookie中要存储的内容(即value) "; 上面仅是添加了一个cookie,对于coo

m0_53759248的博客 4491

浏览器中使用JS操作Cookie详解

笔记

jlcheerful的博客 867
上一篇: ASP.NET MVC+bootstrap paginator分页
下一篇: 在Asp.Net MVC中使用AngularJS的路由
遛狗的代码
博客等级 码龄11年 10粉丝 52原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值