使用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)
blank

相关推荐

  • 机器学习之数据分析

    熟话说,'巧妇难为无米之炊',数据和特征就是'米',模型和算法则是'巧妇',没有充足的数据、合适的特征,再强大的模型结构也无法得到满意的输出,为了更好的

    2021年12月30日
  • 继电器的驱动电路

    继电器的驱动电路文章目录前言一、DC5V,DC12V,DC~V是什么?二、使用步骤1.小测试三极管如何驱动继电器总结前言很多同学不知道继电器如何使用,这里简单的介绍一下,我这里介绍一下5脚的继电器一、DC5V,DC12V,DC~V是什么?这里的5V,12V指的是继电器的工作电压,也就是1脚和3脚两端的电压,具体看电压器的规格,如果你是DC5V,那你1脚和3脚之间的电压必须是5V,2脚是输入,5脚是常闭端,也就是平时2脚跟5脚连接在一起,当13脚电流达到50mA之后,触点就打到了4脚,也就是说2脚跟4脚连在了一起。

  • hadoop hive 手记

    hadoop hive 手记

  • busybox引导linux内核_linux移植教程

    busybox引导linux内核_linux移植教程文章目录一、搭建NFS服务器二、使用BusyBox构建跟文件系统2.1修改顶层Makefile2.2busybox中文支持2.3配置busybox2.4编译busybox2.5向根文件系统添加lib库2.5.1向{rootfs}/lib目录下添加库文件2.5.2向{rootfs}/usr/lib目录下添加库文件2.6创建其他文件夹三、测试文件系统(NFS挂载)3.1设置uboot中环境变量3.2命令解析四、完善文件系统4.1创建{rootfs}/etc/init.d/rcS文件4.2

  • python计算坐标点欧式距离_计算Python Numpy向量之间的欧氏距离实例

    python计算坐标点欧式距离_计算Python Numpy向量之间的欧氏距离实例计算PythonNumpy向量之间的欧氏距离,已知vec1和vec2是两个Numpy向量,欧氏距离计算如下:importnumpydist=numpy.sqrt(numpy.sum(numpy.square(vec1-vec2)))或者直接:dist=numpy.linalg.norm(vec1-vec2)#补充知识:Python中计算两个数据点之间的欧式距离,一个点到数据集中其他点的距离之和#如下所示:#计算数两个数据点之间的欧式距离importn

  • pycharm怎么装第三方库jieba_python怎么导入requests库

    pycharm怎么装第三方库jieba_python怎么导入requests库PyCharm安装第三方库是十分方便的,无需pip或其他工具,平台就自带了这个功能而且操作十分简便。如下:

发表回复

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

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