基于Cookie常用操作以及属性介绍


Posted in Javascript onSeptember 07, 2017

概述

最近项目要用到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常用操作以及属性介绍就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 乱码问题
Aug 06 Javascript
在jQuery ajax中按钮button和submit的区别分析
Oct 07 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
Jul 04 Javascript
js实例属性和原型属性示例详解
Nov 23 Javascript
理解和运用JavaScript的闭包机制
Aug 13 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
Jul 28 Javascript
ThinkJS中如何使用MongoDB的CURD操作
Dec 13 Javascript
深入理解AngularJS中的ng-bind-html指令
Mar 27 Javascript
Vue发布项目实例讲解
Jul 17 Javascript
javascript canvas API内容整理
Feb 16 Javascript
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 Javascript
JavaScript中reduce()的5个基本用法示例
Jul 19 Javascript
基于require.js的使用(实例讲解)
Sep 07 #Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 #Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 #jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 #jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 #jQuery
Django使用多数据库的方法
Sep 06 #Javascript
node.js实现微信JS-API封装接口的示例代码
Sep 06 #Javascript
You might like
2020年4月放送!《Princess Connect Re:Dive》制作组 & 角色声优公开!
2020/03/06 日漫
德生PL660的电路分析和打磨
2021/03/02 无线电
解析php通过cookies获取远程网页的指定代码
2013/06/25 PHP
php自定义函数转换html标签示例
2016/09/29 PHP
JavaScript 继承详解(三)
2009/07/13 Javascript
javascript实现面向对象类的功能书写技巧
2010/03/07 Javascript
检测jQuery.js是否已加载的判断代码
2011/05/20 Javascript
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
原生js和jquery中有关透明度设置的相关问题
2014/01/08 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
非常实用的12个jquery代码片段
2015/11/02 Javascript
jQuery中的AjaxSubmit使用讲解
2016/09/25 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
2017/04/10 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
2017/05/02 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
2018/01/31 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
vue父组件给子组件的组件传值provide inject的方法
2019/10/23 Javascript
[07:43]《辉夜杯》公开赛晋级外卡赛战队—TRG训练生活探秘
2015/12/11 DOTA
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
python 集合 并集、交集 Series list set 转换的实例
2018/05/29 Python
python制作简单五子棋游戏
2019/06/18 Python
在PyTorch中Tensor的查找和筛选例子
2019/08/18 Python
python实现在线翻译功能
2020/03/03 Python
Python脚本去除文件的只读性操作
2020/03/05 Python
Python动态强类型解释型语言原理解析
2020/03/25 Python
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
如何利用find命令查找文件
2015/02/07 面试题
软件测试面试题
2015/10/21 面试题
开学寄语大全
2014/04/08 职场文书
县政府办公室领导班子个人对照检查材料
2014/09/16 职场文书
解除劳动合同协议书(样本)
2014/10/02 职场文书
好好学习保证书
2015/02/26 职场文书
动画电影《龙珠超 超级英雄》延期上映
2022/03/20 日漫
Python识别花卉种类鉴定网络热门植物并自动整理分类
2022/04/08 Python
Zabbix6通过ODBC方式监控Oracle 19C的详细过程
2022/09/23 Servers