iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >document.cookie使用小结
  • 812
分享到

document.cookie使用小结

2024-04-02 19:04:59 812人浏览 薄情痞子
摘要

目录一、cookie设置二、修改cookie值三、获取cookie值四、删除cookie值一、cookie设置 1、每个cookie都是键/值对,设置多个时,用;隔开,如:docum

一、cookie设置

1、每个cookie都是键/值对,设置多个时,用;隔开,如:document.cookie = "userid=9;username=echo";

  cookie值:只能用 可以用在url编码中的字符,所以要用escape()函数进行编码,再用unescape()进行解码获取对应的值

  所以如下设置:document.cookie = "username="+escape("hello");

2、设置username=echo的cookie值在10天后过期

<script>
    //设置10天后过期
    var expires = new Date();
    expires.setTime(expires.getTime()+10*24*60*60*1000);
    document.cookie = "username="+escape('echo')+";expires="+expires.toGMTString();
</script>

二、修改cookie值

修改cookie值,只需要重新赋值 document.cookie = "username="+escape("echo");

三、获取cookie值

  var str = document.cookie; 获取的是所有cookie值,若要获取单个值,可以如下操作:

<script>
    //设置cookie值
    document.cookie = "userid=9;username=echo";
    //获取cookie值
    var str = document.cookie;
    //将值切割成数组
    var arr = str.split(";");
    var userid;
    //遍历数组
    for(var i=0;i<arr.length;i++){
        var value = arr[i].split("=");
        if(value[0] == 'userid'){
            userid = value[1];
        }
    }
    alert(userid);
</script>

四、删除cookie值

  只需要把失效日期改成比现在日期早一点(这里是早 10 毫秒),再用同样的方法设定 Cookie,就可以删掉 Cookie 了。

<script>
    //删除cookie
    var expires = new Date();
    expires.setTime(expires.getTime() - 10);
    document.cookie = 'username='+escape('echo')+';expires=' + expires.toGMTString();
</script>

到此这篇关于document.cookie 使用的文章就介绍到这了,更多相关document.cookie 使用内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: document.cookie使用小结

本文链接: https://www.lsjlt.com/news/152187.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • document.cookie使用小结
    目录一、cookie设置二、修改cookie值三、获取cookie值四、删除cookie值一、cookie设置 1、每个cookie都是键/值对,设置多个时,用;隔开,如:docum...
    99+
    2022-11-13
  • document.cookie 使用小结
    document.cookie 是一个用于读取和设置浏览器 cookie 的属性。使用 document.cookie,可以实现以下操作:1. 读取 cookie:可以通过访问 document.cookie 来读取当前页面的所有 co...
    99+
    2023-08-11
    document.cookie
  • document.cookie怎么使用
    本篇内容主要讲解“document.cookie怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“document.cookie怎么使用”吧!一、cookie设置每个cookie都是键/值对...
    99+
    2023-07-02
  • np.ones的使用小结
    目录概述用法例子概述 np.ones()函数返回给定形状和数据类型的新数组,其中元素的值设置为1。此函数与numpy zeros()函数非常相似。 用法 np.ones(shape,...
    99+
    2023-03-14
    np.ones 使用 np.ones
  • Android Webview使用小结
    本文实例为大家分享了Android Webview使用小结,供大家参考,具体内容如下 #采用重载URL的方式实现Java与Js交互 在Android中,常用的Java与Js交互...
    99+
    2022-06-06
    小结 webview Android
  • ORACLE ANALYZE使用小结
      ANALYZE的介绍       使用ANALYZE可以收集或删除对象的统计信息、验证对象的结构、标识表或cluster中的行迁移/行链接信息等。官方文档关于ANALYZE功能介绍如下:   ·         Collect...
    99+
    2017-07-04
    ORACLE ANALYZE使用小结
  • mongodb使用问题小结
    mongodb安装完成后一直无法使用IP连接: 如果MongoDB服务未安装,则直接执行下面命令安装,无法自动创建的文件需要手动去创建。 mongod --dbpath=E:mongodbdatadb  --logpath=E:mong...
    99+
    2021-10-28
    mongodb使用问题小结
  • mongodb 内存使用小结
        mongodb 内存使用     mongodb通过把文件mapp到内存来访问数据,在os 层可以使用top 命令查看相应的process ,换句访问的文件越多,process 也越多,使用的内存也越多,也可以DB内也可以使用命...
    99+
    2015-07-03
    mongodb 内存使用小结
  • Spring Lifecycle的使用小结
    目录前言Lifecycle自定义Lifecycle实现类测试SmartLifecycle自定义SmartLifecycle实现类多个实现类源码分析LifecycleProcessor...
    99+
    2022-11-13
  • jmeter基本使用小结
    目录1.测试工具2.jmeter测试过程2.1 线程组2.2 http请求2.3 自定义参数2.4 随机参数2.5 服务器状态监测1.测试工具 jmeter压力测试相关工具: 1....
    99+
    2022-11-12
  • filters.revealTrans.Transition使用方法小结
    filters.revealTrans.Transition使用方法小结:1. 创建Transition对象:使用`var tran...
    99+
    2023-08-17
    使用方法
  • Bash EOF的使用小结
    目录1. 命令行输出2. 写入文本3. 追加文本4. 覆盖文本5. 自定义 EOF6. 另一种格式7. 示例7.1 配置文件7.2 新建分区并挂载7.3 设置变量7.4 输出脚本7.5 匹配输出7.6 json 文本参考...
    99+
    2023-01-12
    Bash EOF
  • Bash EOF的使用小结
    目录1. 命令行输出2. 写入文本3. 追加文本4. 覆盖文本5. 自定义 EOF6. 另一种格式7. 示例7.1 配置文件7.2 新建分区并挂载7.3 设置变量7.4 输出脚本7....
    99+
    2023-01-12
    Bash EOF
  • mybatis-plus使用问题小结
    目录一、多表联合分页查询二、找不到mapper一、多表联合分页查询 1.多表联合查询结果集建议使用VO类,当然也可以使用resultMap package com.cjhx.tzld...
    99+
    2022-11-13
  • jsoup 框架的使用小结
    目录概述概念简介相关概念简介jsoup 的主要类APIJsoup 类Connection 接口Element(元素)类查找元素获取元素数据修改数据基本使用获取文档(Document)...
    99+
    2023-05-14
    jsoup使用 jsoup 框架用法
  • SpringBoot中Dozer的使用小结
    什么是Dozer? Dozer是一种Java Bean到Java Bean的映射器,递归地将数据从一个对象复制到另一个对象,它是一个强大的,通用的,灵活的,可重用的和可配置的开源映射...
    99+
    2022-11-13
  • Android PopupWindow使用方法小结
    前几天要用到PopupWindow,一时竟想不起来怎么用,赶紧上网查了查,自己写了个demo,并在此记录一下PopupWindow的用法。使用场景PopupWindow,顾名思义,就是弹窗,在很多场景下都可以见到它。例如ActionBar/...
    99+
    2023-05-31
    android popupwindow roi
  • java循环结构、数组的使用小结
    数组 数组是是多个相同类型数据按一定顺序排列的集合,并使用一个名字命名,并通过编号的方式对这些数据进行统一管理。 数组本身是引用数据类型,既可以存储基本数据类型,也可以存储...
    99+
    2022-11-12
  • Webpack常见使用配置小结
    目录1. 简介2. 上手准备3. 安装3. 编写案列随着前端开发越来越复杂,那么我们需要做的功能也不止基本界面了, 比如开发过程中我们需要通过模块化的方式来开发;比如也会使用一些高级...
    99+
    2022-11-13
  • Shell中的变量使用小结
    变量的定义,只能以字母和下划线开始,区分大小写,可以包含数字 字母下划线.详见官方手册 [root@svn shell_example]# yourname='Linux' [root@svn shel...
    99+
    2022-06-04
    小结 变量 Shell
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作