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 相关文章推荐
extJs 常用到的增,删,改,查操作代码
Dec 28 Javascript
JS父页面与子页面相互传值方法
Mar 05 Javascript
Javascript设计模式之观察者模式的多个实现版本实例
Mar 03 Javascript
浅谈JavaScript中的分支结构
Jul 01 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
Oct 16 Javascript
脚本div实现拖放功能(两种)
Feb 13 Javascript
jQuery模拟淘宝购物车功能
Feb 27 Javascript
JavaScript实现两个select下拉框选项左移右移
Mar 09 Javascript
JS实现微信里判断页面是否被分享成功的方法
Jun 06 Javascript
微信小程序--组件(swiper)详细介绍
Jun 13 Javascript
vuejs中父子组件之间通信方法实例详解
Jan 17 Javascript
解决vue项目中某一页面不想引用公共组件app.vue的问题
Aug 14 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 删除记录实现代码
2009/03/12 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
js+xml生成级联下拉框代码
2012/07/24 Javascript
JavaScript基础知识之数据类型
2012/08/06 Javascript
js中top/parent/frame概述及案例应用
2013/02/06 Javascript
js控制表单不能输入空格的小例子
2013/11/20 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
2016/05/11 Javascript
深入理解Ajax的get和post请求
2016/06/02 Javascript
微信小程序  网络请求API详解
2016/10/25 Javascript
真正好用的js验证上传文件大小的简单方法
2016/10/27 Javascript
基于javascript实现按圆形排列DIV元素(三)
2016/12/02 Javascript
jQuery输入框密码的显示隐藏【代码分享】
2017/04/29 jQuery
django中使用vue.js的要点总结
2019/07/07 Javascript
微信小程序入门之绘制时钟
2020/10/22 Javascript
利用arcgis的python读取要素的X,Y方法
2018/12/22 Python
Python绘制频率分布直方图的示例
2019/07/08 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
Python3开发环境搭建详细教程
2020/06/18 Python
什么是python的自省
2020/06/21 Python
使用keras实现非线性回归(两种加激活函数的方式)
2020/07/05 Python
解决Pymongo insert时会自动添加_id的问题
2020/12/05 Python
欧洲高端品牌直销店:Fashionesta
2016/08/31 全球购物
澳洲的服装老品牌:SABA
2018/02/06 全球购物
法雷奥SQA(electric)面试问题
2016/01/23 面试题
校园达人秀策划书
2014/01/12 职场文书
教师研修随笔感言
2014/01/23 职场文书
房屋转让协议书范本
2014/04/11 职场文书
国际贸易专业求职信
2014/06/04 职场文书
专题组织生活会方案
2014/06/15 职场文书
2015年小学生新年寄语
2014/12/08 职场文书
服装区域经理岗位职责
2015/04/10 职场文书
《狼王梦》读后感:可怜天下父母心
2019/11/01 职场文书
带你学习MySQL执行计划
2021/05/31 MySQL
springboot读取nacos配置文件
2022/05/20 Java/Android