cookie的设置

PumpkinDylan 发布于2019-08-22 17:29 / 395人阅读

摘要：设置也可以用来进行删除，即将过期时间设置为过去的时间，最后一个参数可以传负数来实现设置为，为的一个，并且时间为天。

是什么：是一种用来在客户端硬盘上存储信息的手段。

为什么用？：可以用来存储一些信息，实现一些特殊的效果。例如实现多少天内免登陆，或者存储一些小数据。

cookie中的一些字段含义：

key=value（键=值）就是 cookie的一个键值对，一般是根据key拿到对应的value

expires（过期时间）设置该cookie的过期时间，也是用 ";" 来隔开，expires=GMT的时间字符串，例如要30天免登陆，就可以设置过期时间为今天开始的30天之后的日期。如果不设置过期时间，默认浏览器关闭该cookie就消失了。

path（路径） cookie并不是在哪里都能够获取到的。在网站中分为很多目录，可能很多目录中不需要使用到cookie，所以可以设置cookie的路径，这样更加安全，避免任意目录都能访问到该cookie。通过 path=/E:javascript/test 这样只能在该目录下才能获取到该cookie

domain（域）默认该cookie在该cookie所在域名下才能够访问到，但是有时候a.chaijinsong.com需要访问b.chaijinsong.com下的cookie，这时候就需要设置domain=chaijinsong.com。这样两个子域名都可以访问该cookie

secure（安全性）默认secure是为false的，即通过http协议来传输，但是如果 secure=true 的话，就只能t通过https来进行传输

怎么用？：

document.cookie; //获取cookie
"aaa=aaa;bbb=bbb" //类似于这种格式，但是并不是字符串。

//设置cookie,也可以用来进行删除cookie，即将过期时间设置为过去的时间，最后一个参数可以传负数来实现
function setCookie(cname,cvalue,exdays){
  var d = new Date();
  d.setTime(d.getTime()+(exdays*24*60*60*1000));
  var expires = "expires="+d.toGMTString();
  document.cookie = cname + "=" + cvalue + "; " + expires;
}

setCookie("cjs","cjs",30); //设置 name为cjs，value为cjs的一个cookie，并且时间为30天。
setCookie("cjs","cjs",-1); //让该cookie过期,然后在document.cookie中就没有cjs=cjs这个cookie了。但是其他key=value还存在

//获取某个key的cookie
function getCookie(key){
    let arr1 = document.cookie.split(";");
    for(let i=0;i
注意：在google浏览器上本地html文件打开直接给cookie赋值是不允许的，但是firefox可以。所以想要测试的话先在本地开服务器，让后使用本地ip访问该文件。进行cookie的操作。
我的文章都会在gitbook上找到，觉得不错的的可以看一下。顺便给个star，哈哈！

私有云服务器托管 cookie的使用 ie的cookie管理 java中cookie的作用 cookies和session的区别

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95226.html

Cookie 在前端中的实践

摘要：是协议中的选项，在新的协议中已经由选项代替，两者的作用都是限制的有效时间。选项用来设置只在确保安全的请求中才会发送。子域，是相对父域来说的，指域名中的每一个段。放在域名最后的子域称为最高级子域，或称为一级域，在它前面的子域称为二级域。本篇文章的主题，用 Node.js 搭一个服务，来看看 Cookie 的实际应用场景环境配置我们新建一个文件 main.js，并在 main.js ...

codergarden 2019-06-24 17:15 评论0 收藏0
聊一聊 cookie

摘要：如我当前打开的网址为，在控制台中我们执行了下面代码查看浏览器面板如下图所示，确实设置成功了，而且属性选项都用了默认值。咱们不搞一开始就一大堆理论知识介绍，怕把人讲懵了...... 咱们换一个思维方式——从现象看本质，先说说我们看到了什么，再从看到的现象中提出问题，最后深入寻找答案。我们看到的 cookie 我自己创建了一个网站，网址为http://ppsc.sankuai.com。...

entner 2019-08-21 10:50 评论0 收藏0
一文带你看懂cookie，面试前端不用愁

摘要：的属性在浏览器的控制台中，可以直接输入来查看。可以在浏览器的控制台中看出哪些是类型的，下带绿色对勾的即是，如图只要是类型的在控制台通过是获取不到的，也不能进行修改。当会话过期或被放弃后，服务器将终止该会话。在中，用取代了。本文由云+社区发表在前端面试中，有一个必问的问题：请你谈谈cookie和localStorage有什么区别啊？ localStorage是H5中的一种浏览器本地存...

notebin 2019-08-23 13:59 评论0 收藏0
cookie

摘要：可以通过来维护状态信息。就表示当前仅能在目录下使用。常用的操作及其函数实现方法可根据世界时把对象转换为字符串，并返回结果。浏览器支持会话恢复，保留。和标志只能通过传输，可以防止攻击。表示无法通过调用，防止中间人劫持。 0. 从http协议的无状态性说起 http 是无状态的协议无连接：处理完一个请求就断开链接（http1.1以后可以实现长连接）无状态：上一次会话与下一次会话没有联...

EsgynChina 2019-08-26 10:29 评论0 收藏0
本地存储cookie的封装，提供简单的API

摘要：本地存储的封装，提供简单的，没有对做兼容处理，因为俺主要用于，，移动端等先进浏览器里面跑。安装下载地址设置的值，生存时间半个小时获取的值，显示删除清空获取所有批量设置的值过期时间路径域以及安全。如果想让本地也加密，得自己加密数据。 showImg(https://img.shields.io/github/issues/jaywcjlove/cookie.js.svg); showIm...

wwq0327 2019-08-21 12:36 评论0 收藏0
前端分享之cookie的使用及单点登录

摘要：两个域之间是不是存在跨域问题，主要是根据协议域名端口号这三个点进行判断，只要有一个不一样就是跨域。例如协议不同与域名不同与端口号不同与浏览器默认情况下无法主动跨域向后端发送，需要在前端请求时加入配置项。据此，可以实现单点登录。 cookie是什么 cookie的英文意思是饼干。在计算机术语中指服务端存放在客户端的一段数据。这段数据在客户端每次进行http请求时会自动加在http请求报文...

Backache 2019-08-01 17:39 评论0 收藏0