使用document对象操作cookie

使用document对象操作cookie1.使用document对象的cookie属性,可以让你读取、添加和更新文档(当期HTML)所关联的cookie。2.当你读取document.cookie时,会得到当期文档的所有cookie。3.cookie的形式是如"name=value"的名值对。4.如果存在多个cookie一起返回,使用;隔开。“name1=value1;name2=value2”。所以对于添加和更新cooki…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

1. 使用document对象的cookie属性,可以让你读取、添加和更新文档(当期HTML)所关联的cookie。

2. 当你读取document.cookie时,会得到当期文档的所有cookie。
3. cookie的形式是如”name=value”的名值对。
4. 如果存在多个cookie一起返回,使用 ; 隔开。“name1=value1;name2=value2”。
所以对于添加和更新cookie的操作便是对document.cookie进行赋值,
如果新赋的名值对的名已经存在,浏览器就会认为这是一个更新操作,新值会覆盖原先的值
如果名不存在,则浏览器认为这是一个新增操作,就会把这个名值对写进当前文档的cookie里
代码示例如下:

 

复制代码
 1 <html>
 2     <head>
 3         <title>使用document对象操作cookie</title>
 4     </head>
 5     <body>
 6         <p id="cookiedata">
 7 
 8         </p>
 9         <button id="write">Add Cookie</button>
10         <button id="update">Update Cookie</button>
11 
12         <script>
13         var cookieCount = 0;
14         document.getElementById("write").onclick = createCookie;
15         document.getElementById("update").onclick = updateCookie;
16         readCookies();
17 
18         // 读取当前文档的所有cookie
19         function readCookies(){
20             document.getElementById("cookiedata").innerHTML = document.cookie.replace("Cookie_1");
21         }
22 
23         // 创建一个新的cookie
24         function createCookie(){
25             cookieCount ++;
26             document.cookie = "Cookie_" + cookieCount + "=Value_" + cookieCount;
27             readCookies();
28         }
29 
30         // 修改cookie名为Cookie_cookieCount的值为Updated_cookieCount
31         function updateCookie(){
32             document.cookie = "Cookie_" + cookieCount + "=Updated_" + cookieCount;
33             readCookies();
34         }
35     </script>
36     </body>
37 </html>
复制代码
document对象读取cookie没有直接提供可以根据cookie名获取指定cookie的方法。所以就需要自己从拿到的所有cookie中去获取。思路就是使用字符串的分割。
当然,已经有更方便的库来提供对cookie的操作。例如jQuery cookie。具体的使用很简单,可以上网百度一下,也可以看我写的一个简单介绍:http://www.cnblogs.com/enjoymylift/p/5993286.html。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/157623.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 程序员修炼之路_程序员手册

    程序员修炼之路_程序员手册第五章统帅  编程是一种单调的生活,因此程序员比普通人需要更多的关怀,更多的友情。  /*  */  我推门进了宿舍,三人竟然都在,范平怪怪的问我道:“老二啊,今天一天没见你了,干吗去了?”  “老二?”我疑惑道,尤其是范平怪怪的语调让人联想到别的意思。  “切,昨天咱们不是都报了各自年龄了吗,刘涛老大,你老二,我老三,震宇老么,你也太不义气了吧。这都能不知道。该罚,不过你要是老实交代你今天干什

  • NPN三极管导通数据总结

    NPN三极管导通数据总结由上图和数据可知,三极管相当于是用小电流(Ib)控制大电流(Ic),截止区就是Ube放大区:Ube>0.5开始,注意并不是要大于0.7V,0.7V是二极管的导通电压,在放大区里,Ube一般是大于0.5V,小于0.65V,此时Ic是Ib的线性放大倍数。饱和区:随着Ube大于0.65以上,Ic基本上不会再增大,此时Uce会很快降低,而且会迫使Ubc正偏,这些数学关系,可以通过简单的欧姆

  • 如何使用yum卸载mysql数据库_yum卸载mysql数据库方法(linux centos系统)

    如何使用yum卸载mysql数据库_yum卸载mysql数据库方法(linux centos系统)如何在linuxcentos系统中使用yum命令卸载mysql数据库呢?只需要使用yumremove命令即可轻松卸载mysql数据库了,方法很简单,只需要两个步骤即可。步骤一:执行下面的命令,查询有哪些mysql安装包可以卸载的,如下。[root@VM_230_32_centos~]#rpm-qa|grepmysqlphp-mysqlnd-5.6.32-1.el7.remi.x86…

  • goland 2022 永久激活码_在线激活2022.03.13「建议收藏」

    (goland 2022 永久激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html…

  • nessus8.15激活成功教程_etc怎么看激活成功了没有

    nessus8.15激活成功教程_etc怎么看激活成功了没有0x01下载NESSUS官网https://www.tenable.com/downloads/nessus离线插件all:https://plugins.nessus.org/offline

  • 解决lefse配置过程中遇到的问题「建议收藏」

    解决lefse配置过程中遇到的问题「建议收藏」记录centos7.5中配置lefse过程中遇到的问题1、下载lefse软件包,解压,查看“requirements.txt”文件,需要的R和python包列表:-R-Rlibraries:splines,stats4,survival,mvtnorm,modeltools,coin,MASS-pythonlibraries:rpy2(v.2.1orh…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号