javascript创建cookie、读取cookie


Posted in Javascript onMarch 31, 2016

本文内容分为两个部分进行学习,分别介绍了javascript创建cookie、javascript读取cookie的具体实现方法,供大家学习,具体内容如下

一、创建Cookie

document.cookie = 'key=value'; 

有特殊字符 使用encodeURIComponent() 进行编码

document.cookie = 'user='+encodeURIComponent('郭钱;'); 

读取时 使用decodeURIComponent()

例如:

document.cookie = 'name=guoqian';
document.cookie = 'age=24';
document.cookie = 'address=hunan';
document.cookie = 'user='+encodeURIComponent('郭钱;');

自定义一个创建cookie方法

function SetCookie(name, value, expires, path, domain, secure) {
 var today = new Date();
 today.setTime(today.getTime());
 if(expires) { expires *= 86400000; }
 var expires_date = new Date(today.getTime() + (expires));
 document.cookie = name + "=" + escape(value)
  + (expires ? ";expires=" + expires_date.toGMTString() : "")
  + (path ? ";path=" + path : "")
  + (domain ? ";domain=" + domain : "")
  + (secure ? ";secure" : "");
}

二、获取cookie

使用字符串方式

function getCookieByString(cookieName){
 var start = document.cookie.indexOf(cookieName+'=');
 if (start == -1) return false;
 start = start+cookieName.length+1;
 var end = document.cookie.indexOf(';', start);
 if (end == -1) end=document.cookie.length;
 return document.cookie.substring(start, end);
}

使用数组方式

function getCookieByArray(name){
 var cookies = document.cookie.split(';');
 var c;
 for(var i=0; i<cookies.length ; i++){
  c = cookies[i].split('=');
  if (c[0].replace(' ', '') == name) {
   return c[1];
  }
 }
}
var r = decodeURIComponent(getCookieByArray('user'));
alert(r);

以上就是本文的全部内容,希望对大家的学习有所帮助。

Javascript 相关文章推荐
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 Javascript
JavaScript中用toString()方法返回时间为字符串
Jun 12 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
Dec 17 Javascript
ECharts仪表盘实例代码(附源码下载)
Feb 18 Javascript
jQuery的Cookie封装,与PHP交互的简单实现
Oct 05 Javascript
AngularJS自定义指令之复制指令实现方法
May 18 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
Nov 10 Javascript
React全家桶环境搭建过程详解
May 18 Javascript
微信小程序实现二维码签到考勤系统
Jan 16 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
Aug 17 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
Sep 09 Javascript
基于javascript实现全屏漂浮广告
Mar 31 #Javascript
JS深度拷贝Object Array实例分析
Mar 31 #Javascript
如何消除inline-block属性带来的标签间间隙
Mar 31 #Javascript
JavaScript笔记之数据属性和存储器属性
Mar 31 #Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
Mar 31 #Javascript
基于JQuery打造无缝滚动新闻步骤详解
Mar 31 #Javascript
JavaScript位移运算符(无符号) &gt;&gt;&gt; 三个大于号 的使用方法详解
Mar 31 #Javascript
You might like
修改php.ini实现Mysql导入数据库文件最大限制的修改方法
2007/12/11 PHP
Symfony2学习笔记之系统路由详解
2016/03/17 PHP
在服务端(Page.Write)调用自定义的JS方法详解
2013/08/09 Javascript
jquery实现滑动图片自己测试的例子
2013/11/05 Javascript
JavaScript中最简洁的编码html字符串的方法
2014/10/11 Javascript
JavaScript 学习笔记之语句
2015/01/14 Javascript
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
javascript闭包(Closure)用法实例简析
2015/11/30 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
2015/12/04 Javascript
Javascript oop设计模式 面向对象编程简单实例介绍
2016/12/13 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
2017/03/01 Javascript
jquery自定义显示消息数量
2017/12/19 jQuery
JS简单获得节点元素的方法示例
2018/02/10 Javascript
详解React中setState回调函数
2018/06/14 Javascript
重学JS 系列:聊聊继承(推荐)
2019/04/11 Javascript
解决vue组件props传值对象获取不到的问题
2019/06/06 Javascript
React 全自动数据表格组件——BodeGrid的实现思路
2019/06/12 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
2020/05/26 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
2020/09/21 Javascript
python调用cmd命令行制作刷博器
2014/01/13 Python
Python2中的raw_input() 与 input()
2015/06/12 Python
python排序函数sort()与sorted()的区别
2018/09/18 Python
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
浅谈python的深浅拷贝以及fromkeys的用法
2019/03/08 Python
一行Python代码过滤标点符号等特殊字符
2019/08/12 Python
python框架django项目部署相关知识详解
2019/11/04 Python
python3通过udp实现组播数据的发送和接收操作
2020/05/05 Python
俄罗斯童装网上商店:BebaKids
2020/06/06 全球购物
公司外出活动方案
2014/08/14 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
学法用法心得体会(2016推荐篇)
2016/01/21 职场文书
导游词之峨眉山
2019/12/16 职场文书
Go语言 go程释放操作(退出/销毁)
2021/04/30 Golang
node.js如何自定义实现一个EventEmitter
2021/07/16 Javascript
TV动画《史上最强大魔王转生为村民A》番宣CM公布
2022/04/01 日漫