Cookie介绍及JavaScript操作Cookie方法详解js教程

本文主要为大家简单介绍了以下Cookie的用途、运行机制,以及JavaScript操作Cookie的各种方法,总结的比较全面,希望能给大家带来帮助。

“cookie是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个cookie。你可以使用JavaScript来创建和取回cookie的值。”–w3school

cookie是访问过的网站创建的文件,用于存储浏览信息,例如个人资料信息。

从JavaScript的角度看,cookie就是一些字符串信息。这些信息存放在客户端的计算机中,用于客户端计算机与服务器之间传递信息。

在JavaScript中可以通过document.cookie来读取或设置这些信息。由于cookie多用在客户端和服务端之间进行通信,所以除了JavaScript以外,服务端的语言(如PHP)也可以存取cookie。

Cookie基础知识

cookie是有大小限制的,每个cookie所存放的数据不能超过4kb,如果cookie字符串的长度超过4kb,则该属性将返回空字符串。

由于cookie最终都是以文件形式存放在客户端计算机中,所以查看和修改cookie都是很方便的,这就是为什么常说cookie不能存放重要信息的原因。

每个cookie的格式都是这样的:=;名称和值都必须是合法的标示符。

cookie是存在有效期的。在默认情况下,一个cookie的生命周期就是在浏览器关闭的时候结束。如果想要cookie能在浏览器关掉之后还可以使用,就必须要为该cookie设置有效期,也就是cookie的失效日期。

alert(typeofdocument.cookie)结果是string,曾经我以为是array,还闹过笑话…囧

cookie有域和路径这个概念。域就是domain的概念,因为浏览器是个注意安全的环境,所以不同的域之间是不能互相访问cookie的(当然可以通过特殊设置的达到cookie跨域访问)。路径就是routing的概念,一个网页所创建的cookie只能被与这个网页在同一目录或子目录下得所有网页访问,而不能被其他目录下得网页访问(这句话有点绕,一会看个例子就好理解了)。

其实创建cookie的方式和定义变量的方式有些相似,都需要使用cookie名称和cookie值。同个网站可以创建多个cookie,而多个cookie可以存放在同一个cookie文件中。

Cookie常见问题

cookie存在两种类型:

你浏览的当前网站本身设置的cookie

刚刚基础知识里面有说到cookie生命周期的问题,其实cookie大致可分为两种状态:

临时性质的cookie。当前使用的过程中网站会储存一些你的个人信息,当浏览器关闭后这些信息也会从计算机中删除

cookie有两种清除方式:

通过浏览器工具清除cookie(有第三方的工具,浏览器自身也有这种功能)

通过设置cookie的有效期来清除cookie

注:删除cookie有时可能导致某些网页无法正常运行

浏览器可以通过设置来接受和拒绝访问cookie。

出于功能和性能的原因考虑,建议尽量降低cookie的使用数量,并且要尽量使用小cookie。

关于cookie编码的细节问题将会在cookie高级篇中单独介绍。

假如是本地磁盘中的页面,chrome的控制台是无法用JavaScript读写操作cookie的,解决办法…换一个浏览器^_^。

一.简单的存取操作

在使用JavaScript存取cookie时,必须要使用Document对象的cookie属性;一行代码介绍如何创建和修改一个cookie:

二.cookie的读取操作

要精确的对cookie进行读取其实很简单,就是对字符串进行操作。从w3school上copy这段代码来做分析:

三.设置cookie的有效期

getDate()方法得到当前本地月份中的某一天,接着加上30就是我希望这个cookie能过在本地保存30天;

最后用toGMTString()方法把Date对象转换为字符串,并返回结果

通过下面这个完整的函数来说明在创建cookie的过程中我们需要注意的地方–从w3school复制下来的。创建一个在cookie中存储信息的函数:

一.cookie路径概念

在基础知识中有提到cookie有域和路径的概念,现在来介绍路径在cookie中的作用。

cookie一般都是由于用户访问页面而被创建的,可是并不是只有在创建cookie的页面才可以访问这个cookie。

默认情况下,只有与创建cookie的页面在同一个目录或子目录下的网页才可以访问,这个是因为安全方面的考虑,造成不是所有页面都可以随意访问其他页面创建的cookie。举个例子:

那么如何让这个cookie能被其他目录或者父级的目录访问类,通过设置cookie的路径就可以实现。例子如下:

路径能解决在同一个域下访问cookie的问题,咱们接着说cookie实现同域之间访问的问题。语法如下:

例如”www.qq.com”与“sports.qq.com”公用一个关联的域名”qq.com”,我们如果想让“sports.qq.com”下的cookie被”www.qq.com”访问,我们就需要用到cookie的domain属性,并且需要把path属性设置为“/”。例:

三.cookie安全性

通常cookie信息都是使用HTTP连接传递数据,这种传递方式很容易被查看,所以cookie存储的信息容易被窃取。假如cookie中所传递的内容比较重要,那么就要求使用加密的数据传输。

所以cookie的这个属性的名称是“secure”,默认的值为空。如果一个cookie的属性为secure,那么它与服务器之间就通过HTTPS或者其它安全协议传递数据。语法如下:

注:就算设置了secure属性也并不代表他人不能看到你机器本地保存的cookie信息,所以说到底,别把重要信息放cookie就对了,囧…

四.cookie编码细节

原本来想在常见问题那段介绍cookie编码的知识,因为如果对这个不了解的话编码问题确实是一个坑,所以还是详细说说。

在输入cookie信息时不能包含空格,分号,逗号等特殊符号,而在一般情况下,cookie信息的存储都是采用未编码的方式。所以,在设置cookie信息以前要先使用escape()函数将cookie值信息进行编码,在获取到cookie值得时候再使用unescape()函数把值进行转换回来。如设置cookie时:

个人代码

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

THE END
1.法律常识知识体系构建深入浅出解读百篇关键条款在日新月异的社会环境中,法律作为维护社会秩序、保障公民权益的重要手段,其相关知识对每个人来说都是不可或缺的。尤其是“常用法律1000条”,它为我们提供了一个系统性的学习平台,让人们能够快速掌握和应用到实际生活中的法律知识。以下,我们将围绕这份宝贵资料,展开六个重点点题,以期帮助读者更好地理解并运用这些法https://www.6vjxuc8a1.cn/gong-qiu-shi-chang/462507.html
2.法律小常识百问解析法治生活的智慧指南在日常生活中,我们往往会遇到各种各样的法律问题,无论是个人之间的纠纷,还是与公共事务相关的问题,都需要我们具备一定的法律知识来处理。然而,对于大多数人来说,了解法律并不是一件容易的事情。因此,本文将通过提供100条关于法律小常识的问答,帮助读者更好地理解和运用法律知识。 https://www.cjan6a6c.cn/xue-shu-bao-gao/456538.html
3.法律精粹100条简短条款的深度解读与应用在现代社会,法律是维护社会秩序和公正的重要基石。100条法律条款简短,不仅体现了立法者对法治原则的重视,也为公众提供了一种快速了解法律基本要义的工具。本文旨在探讨这些简短条款背后的深层含义,并分析其在实践中的应用价值。 二、第一组:民事责任相关 1.1 法律赋予个人主体性权利,意味着每个人的行为都有可能触及他人https://www.nu445dn1f.cn/te-chan-xiao-chi/868809.html
4.探寻中国民法典的元解释与此同时,最小单元并不意味着零碎,本书写作还有两方面的体系化努力:其一,尽可能成体系,即不仅结合民法典总则编自身前后的规定进行解读,还结合民法典其他各编,并尽量贯通民法典、其他民商事实体法律和民事诉讼法以及相关司法解释的规定,力求使作者对民法典总则编的每一个条、款、项、词语的解读都有相应的依据。其二http://www.legaldaily.com.cn/fxjy/content/2024-12/10/content_9089308.html
5.法律知识内容全面解析法律知识的学习和应用,首先需要了解的是法律体系。现代国家普遍采用的法系分为两大类:一是英美法系,也称为普通法系;二是大陆法系。这两个体系在制定、执行和司法解释上有着不同的传统和方法。在学习法律时,要熟悉自己的国家所处的法系,以及其特点,这对于理解并运用法律知识至关重要。 https://www.gntpr.com/tu-pian-zi-xun/71818.html
6.高健:新法规时代的资产管理1. 法律赋予婚姻的权利和义务 2. 婚变引发的家庭及企业的变动 三、债务风险 1. 生活中随处可见的债务 2. 债务,压垮家庭和企业的最后一根稻草 四、传承风险 1. 四十年=四年 案例:被企业“砸晕”的继承人 2. 两份讣告中的法律细节 案例:赌王的安排 五、其它风险类型 1. 资产代持的风险解析 2. 经营中所https://www.jiangshitai.com/course/21400.html
7.法律实务近距离孙振兴律师刑辩一年级备注:每个标题下会有真实案例讲解,因为涉及当事人隐私,暂时不列举,授课时讲解。 大课包含:网红经纪合规、办案思路企业合规新业态如何着手刑辩案件具体办案细节人损赔偿案件实务操作 课程亮点1.人人能听懂的法律实务课2.聚焦实务中热点难点问题3.硬核大咖领衔授课4.助力青年律师逆境成长 大咖讲师团:温云云南京师范大学https://www.cctalk.com/m/group/90249669
8.2024年减刑假释细节精选律师 · 讲解实例2024年减刑假释细节是什么? 假释考验期,假释是对符合假释法定条件的犯罪分子附条件的提前释放,在刑期执行完毕之前对获得假释的罪犯制定一定期限的考察,这段期限就是假释考验期。 我国刑法规定的假释考试期:被判有期徒刑的为没有执行完毕的刑期,被判无期徒刑的假释考验期为十年,假释考验期从假释https://www.64365.com/special/2017njxjsxj/
9.《法治的细节[精品]》最新章节后记祝各位同学一路平安法治的细节8.9 | 317人评分果麦文化 | 罗翔13.3万字 法律内容简介:《法治的细节》是中国政法大学法学教授罗翔全新的法学随笔,面向大众读者,从热点案件解读、法学理念科普、经典名著讲解等6大板块,普及法 目录39章查看目录 免费版权信息 免费序言 免费一、法律与道德 https://m.zhangyue.com/detail/12619928?showDownload=1
10.科目三所有项目及细节操作讲解车友交流懂车帝提供科目三所有项目及细节操作讲解的车友交流详细内容,懂车帝是一个汽车资讯平台,懂车更懂你。我们提供最新汽车报价,汽车图片,汽车价格大全,行情、评测、导购等内容,看车选车买车就上懂车帝。https://www.dongchedi.com/tag/ugc/16199681
11.苍雪龙城25人无名打法细节讲解关于风雪稻香村的攻略正式服有很多,直接参考即可。在这里我就简要说一下一些细节要点。 P3 本来写攻略的时候觉得P3不过如此,根本不需要写。结果昨天牢的头皮发麻,还是把细节说明一下。现在牢点主要在P3,把P3放在前面了。 起手打断 无名30%血进入P3,这时候需要团长安排的8个人站到对应的点位上。 https://origin.jx3box.com/fb/86065
12.《流浪地球2》细节解析与情节猜测(一)机核GCORES一.基础世界观讲解 二.回顾细节 三.情节猜测 一、基础世界观讲解 简而言之,太阳将在未来爆发氦闪,这种短时失控的氦聚变反应将在100年内吞没地球,300年后吞没整个太阳系。为了应对这场末日危机,在原先联合国的框架之下,各大国通过出让部分军权的方式成立了联合政府(UNITED Earth Government,简称UEG),最终选定了能拯https://www.gcores.com/articles/161414
13.B站引流教授级讲解,细节满满,日引流100+精准粉不是问题揭秘B站引流教授级讲解,细节满满,日引流100+精准粉不是问题【揭秘】 本套课程是一整套B站引流课,干货满满,从项目介绍到引流实操全部上新 课程目录: 1、B站引流-项目介绍.mp4 2、B站引流-养号.mp4 3、B站引流-视频制作.mp4 4、B立站古引流-视频发布.mp4 5、B文站引流-注意事项.mp4 声明:本站内容均转载于互联https://www.dajuqc.cn/?p=28242
14.粉笔课堂付晓蒙 - 【第34季-言语】细节判断题(晋、皖、闽、贵、琼、蒙、甘、青) 2021.11.17 17:00 - 17:30 蒋君- 【第34季-数资】数字推理题(浙、粤) 2021.11.17 17:20 - 18:00 刘佳琪 - 【第40季-申论】副省地市级通用卷第2题 2021.11.17 17:30 - 17:40 蒋君- 【第34季-数资】广东特殊题型 2021.https://www.fenbi.com/spa/pwa/lecture/21293/14
15.《搬运》魔兽世界战场评级手册:讲解评级的各种细节NGA玩家社区《搬运》魔兽世界战场评级手册:讲解评级的各种细节 首先,非常感谢原帖作者分享的攻略,本人国王之谷牧师心怡无痕,AFK两个大版本,回归之后自己开团打评级战场,发现评级交流贴很少,特别是集合石上面愿意开团的朋友特别少,导致很多想玩评级的朋友无法入门,所以翻了一下电脑,找到以前评级的经验贴跟大家分享一下。https://bbs.nga.cn/read.php?tid=15460452&_ff=-152678&page=1