vue获取浏览器cookie_新型冠状病毒肺炎

vue获取浏览器cookie_新型冠状病毒肺炎读取Cookie可以通过document.cookie直接读取cookie的内容:varstrCookie=document.cookie; 此时,strCookie是一个由该域名下的所有cookie的名/值对所组成的字符串,名/值对间以“分号加空格”分隔。为了方便查看,可以使用split()方法将cookie中的名/值对解析出来,得到一个cookie的列表。然后,再使用相应的解码方式,把c…

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

Jetbrains全家桶1年46,售后保障稳定

读取Cookie

可以通过document.cookie直接读取cookie的内容:


Jetbrains全家桶1年46,售后保障稳定

  1. var strCookie = document.cookie; 

此时,strCookie是一个由该域名下的所有cookie的名/值对所组成的字符串,名/值对间以“分号加空格”分隔。为了方便查看,可以使用split()方法将cookie中的名/值对解析出来,得到一个cookie的列表。然后,再使用相应的解码方式,把cookie的值还原出来。

cookie值的解码方式,取决于之前存储cookie时所采用的编码方式。比如使用encodeComponent()函数对值进行编码,则要使用decodeComponent()函数对其值进行解码。代码如下:


  1. function getCookie(name) {
  2. var cookies = document.cookie;
  3. var list = cookies.split("; ");     // 解析出名/值对列表
  4.       
  5. for(var i = 0; i < list.length; i++) {
  6. var arr = list[i].split("=");   // 解析出名和值
  7. if(arr[0] == name)
  8. return decodeURIComponent(arr[1]);   // 对cookie值解码
  9. } 
  10. return "";
  11. }

说明:

许多浏览器(如Google Chrome)不支持在本地文件中直接访问cookie,所以,要确保是在Web服务器中打开文件,否则可能无法进行cookie的读写操作。虽然IE允许对本地文件的cookie的读写操作,但cookie始终是会话级别的,即使通过max-age属性延长了cookie的生存期。

从客户端读取cookie时,name与value之外的其他属性都是不可读的,也不会被提交,浏览器只会提交name与value属性。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》,并全部在 GitHub 上开源。

版权声明:本文出自 歪脖网 的《HTML宝典》,欢迎在线阅读,并提出宝贵意见。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/234747.html原文链接:https://javaforall.net

(0)
上一篇 2025年5月27日 下午12:15
下一篇 2025年5月27日 下午12:43


相关推荐

  • Deepseek本地安装一键教程2025(小白必看):零基础保姆级教程,普通电脑也能流畅运行

    Deepseek本地安装一键教程2025(小白必看):零基础保姆级教程,普通电脑也能流畅运行

    2026年3月16日
    2
  • 二叉树的五大性质及证明「建议收藏」

    二叉树的五大性质及证明「建议收藏」二叉树(BinaryTree)定义:一棵二叉树是结点的一个有限集合,该集合或者为空,或者是由一个根结点加上两棵分别称为左子树和右子树的、互不相交的二叉树组成。特点:每个结点至多只有两棵子树(二叉树中不存在度大于2的结点)五种形态: 1.性质1性质1 在二叉树的第i层至多有2^(i-1)个结点。(i&gt;=1) [用数学归纳法证明]  …

    2022年5月18日
    45
  • 以太网用户侧接口(以太网协议转换方案)

    以太网接口示意图如下图1:以太网接口 如果您的职业生涯大部分时间都在从事PCB设计,并且您在计算机接口的布局和布线方面有经验,那么您就知道一件事是正确的:在器件应用说明中会有一些推荐的设计建议,并不是这些建议总是错误的,而是这些建议很容易断章取义。一位同事向我提出的一项建议是,在离散磁铁和连接器之间布线时,在RJ45连接器下方使用接地层。一些应用说明建议将系统接地覆盖RJ45连接器下方,一些应用说明建议将接地平面拆分为系统和机箱部分,以提供更强的隔离。应用说明中的一些建议指出,PHY、磁体和/或

    2022年4月15日
    184
  • 高并发监控[一]:TP90、TP99耗时监控设计与实现

    高并发监控[一]:TP90、TP99耗时监控设计与实现背景性能测试中 我们经常选择 TP90 TP95 TP99 等指标项作为性能对比的参考水位 在本文中 我们给出一种计算 TP90 TP95 和 TP99 等水位线的方法 首先我们解释一下 TP90 TP95 TP99 的含义 TP90 即 90 的数据都满足某一条件 TP95 即 95 的数据都满足某一条件 TP99 即 99 的数据都满足某一条件 我们之所以说其 满足某一条件 是因为在计算的时候 我们既可以向前计算也可以向后计算 例如 1 2 3 98 99

    2026年3月16日
    2
  • python deepcopy_python中的深拷贝(deepcopy)和浅拷贝(copy)介绍及代码参考「建议收藏」

    python deepcopy_python中的深拷贝(deepcopy)和浅拷贝(copy)介绍及代码参考「建议收藏」在python中,对象赋值实际上是对象的引用。当创建一个对象,然后把它赋给另一个变量的时候,python并没有拷贝这个对象,而只是拷贝了这个对象的引用。以下分两个思路来分别理解浅拷贝和深拷贝:(1)利用切片操作和工厂方法list方法拷贝(2)利用copy中的deepcopy方法进行拷贝1、利用切片操作和工厂方法list方法拷贝代码场景:有一个小伙jack,tom通过切片操作拷贝jack,anny通…

    2022年10月2日
    2
  • ADRC控制算法仿真(基于MATALB和Simulink)

    ADRC控制算法仿真(基于MATALB和Simulink)ADRC控制算法仿真(基于MATALB和Simulink)首先放仿真结果仿真文件下载首先放仿真结果首先是总的系统图.输入为正弦信号,控制对象的传递函数为:干扰信号为终值0.2的阶跃函数。仿真波形图如下:跟踪效果还不错。仿真文件下载。。。。。待审核…

    2022年5月19日
    55

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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