概述
最近项目要用到cookie存储部分用户信息;研究了一下做一下分享
Cookie 是服务器保存在浏览器的一小段文本信息,每个 Cookie 的大小一般不能超过4KB。浏览器每次向服务器发出请求,就会自动附上这段信息。
设置cookie存储
document.cookie = 'userName=fengkaicahng';
注意 设置cookie一次只能存储一条
cookie可以多次设置 key相同不会重新赋值而是会新建一条cookie
读取cookie
var allCookies = document.cookie; //一次读取所有cookie 字符串形式 //所以一般我们还要做一次转换 var cookiesArray = document.cookie.split(';'); console.log(cookiesArray);
cookie的几个属性
value (必须)一个键值对,用来指定cookie的值
document.cookie = 'userName=fengkaicahng';
expires 指定Cookie过期时间;格式采用Date.toUTCString()
var day = new Date(); day.setTime(day.getTime()+(1*24*60*60*1000)); //设置一天的有效期 //如果不设置; 默认时间是当前会话窗口关闭即失效 document.cookie = 'userName=fengkaicahng;expires="+day+"';
domain 指定发送Cookie的域名
var day = new Date(); day.setTime(day.getTime()+(1*24*60*60*1000)); //只有在该域名下才发送cookie, //如果不设置; 默认是设置cookie时的域名 //以下配置会在fengkaichang.com 的所有子域名下生效 document.cookie = 'userName=fengkaicahng;expires='+day+';domain=fengkaichang.com;
path 指定Cookie的路径
var day = new Date(); day.setTime(day.getTime()+(1*24*60*60*1000)); //只有这个路径和发送到服务器的路径相同才发送cookie 可以直接配置/ 从根目录下匹配 这个匹配并不是绝对的, //如果不设置; 默认是请求该cookie时的路径 //以下配置会在fengkaichang.com 的所有请求路径下生效 //注意 path生效的前提是domain匹配成功,否则都是扯淡 document.cookie = 'userName=fengkaicahng;expires='+day+';domain=fengkaichang.com;path=/'
secure 指定Cookie只能在加密协议HTTPS下发送到服务器
var day = new Date(); day.setTime(day.getTime()+(1*24*60*60*1000)); //这个属性的值是一个布尔值 //如果这个通信协议是HTTPS那么协议自动打开 //如果手动设置 一下配置不会在普通HTTP协议下发送 document.cookie = 'userName=fengkaicahng;expires='+day+';domain=fengkaichang.com;path=/;secure=true'
以上这篇基于Cookie常用操作以及属性介绍就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
标签:
Cookie操作及属性
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“基于Cookie常用操作以及属性介绍”评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。