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 相关文章推荐
yepnope.js 异步加载资源文件
Sep 08 Javascript
JavaScript事件委托的技术原理探讨示例
Apr 17 Javascript
JavaScript模板引擎用法实例
Jul 10 Javascript
jquery点击缩略图切换视频播放特效代码分享
Sep 15 Javascript
基于javascript代码实现通过点击图片显示原图片
Nov 29 Javascript
AngularJs directive详解及示例代码
Sep 01 Javascript
Centos7 中安装 Node.js v4.4.4
Nov 03 Javascript
Ajax 加载数据 练习代码
Jan 05 Javascript
Angular中的$watch、$watchGroup、$watchCollection
Jun 25 Javascript
js提取中文拼音首字母的封装工具类
Mar 12 Javascript
JS实现的JSON数组去重算法示例
Apr 11 Javascript
vue实现短信验证码登录功能(流程详解)
Dec 10 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实现mysql数据库备份类
2008/03/20 PHP
MySql中正则表达式的使用方法描述
2008/07/30 PHP
cmd下运行php脚本
2008/11/25 PHP
php输出1000以内质数(素数)示例
2014/02/16 PHP
PHP/HTML混写的四种方式总结
2017/02/27 PHP
浅析PHP7的多进程及实例源码
2019/04/14 PHP
javascript 导出数据到Excel(处理table中的元素)
2009/12/18 Javascript
jQuery 页面 Mask实现代码
2010/01/09 Javascript
jQuery 性能优化手册 推荐
2010/02/23 Javascript
javascript 隔行换色函数代码
2010/10/24 Javascript
eval的两组性能测试数据
2012/08/17 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
2013/05/15 Javascript
js图片延迟加载的实现方法及思路
2013/07/22 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
Angular.JS通过指令操作DOM的方法
2017/05/10 Javascript
node中modules.exports与exports导出的区别
2018/06/08 Javascript
vue  directive定义全局和局部指令及指令简写
2018/11/20 Javascript
Vue组件Draggable实现拖拽功能
2018/12/01 Javascript
Vue中JS动画与Velocity.js的结合使用
2019/02/13 Javascript
微信小程序实现搜索指定景点周边美食、酒店
2019/05/18 Javascript
vue 集成jTopo 处理方法
2019/08/07 Javascript
全网小程序接口请求封装实例代码
2020/11/06 Javascript
Python sqlite3事务处理方法实例分析
2017/06/19 Python
python调用百度REST API实现语音识别
2018/08/30 Python
Python requests模块实例用法
2019/02/11 Python
如何在sublime编辑器中安装python
2020/05/20 Python
浅谈matplotlib 绘制梯度下降求解过程
2020/07/12 Python
详解Html5微信支付爬坑之路
2018/07/24 HTML / CSS
加拿大花店:1800Flowers.ca
2016/11/16 全球购物
BrandAlley英国:法国折扣奢侈品网上零售商
2017/07/03 全球购物
会计电算化应届生自荐信
2014/02/25 职场文书
《穷人》教学反思
2014/04/08 职场文书
工会工作先进事迹
2014/08/18 职场文书
浅谈Web Storage API的使用
2021/06/23 Javascript
Pygame Draw绘图函数的具体使用
2021/11/17 Python
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技