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 相关文章推荐
Javascript操纵Cookie实现购物车程序
Nov 23 Javascript
如何简单地用YUI做JavaScript动画
Mar 10 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
Dec 04 Javascript
超炫的jquery仿flash导航栏特效
Nov 11 Javascript
如何编写高质量JS代码
Dec 28 Javascript
js控制网页背景音乐播放与停止的方法
Feb 06 Javascript
利用纯Vue.js构建Bootstrap组件
Nov 03 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
Angular.js自动化测试之protractor详解
Jul 07 Javascript
全选复选框JavaScript编写小结(附代码)
Aug 16 Javascript
PM2自动部署代码步骤流程总结
Dec 10 Javascript
通过JS深度判断两个对象字段相同
Jun 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中对xml读取的相关函数的介绍一
2008/06/05 PHP
求PHP数组最大值,最小值的代码
2011/10/31 PHP
PHP中操作ini配置文件的方法
2013/04/25 PHP
PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数
2014/06/19 PHP
PHP 5.6.11中CURL模块问题的解决方法
2016/08/08 PHP
Javascript中的变量使用说明
2010/05/18 Javascript
JS 自定义带默认值的函数
2011/07/21 Javascript
文本框根据输入内容自适应高度的代码
2011/10/24 Javascript
Jquery异步请求数据实例代码
2011/12/28 Javascript
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
2012/01/13 Javascript
jQuery中的val()示例应用
2014/02/26 Javascript
jQuery分别获取选中的复选框值的示例
2014/06/17 Javascript
js的回调函数详解
2015/01/05 Javascript
JavaScript入门系列之知识点总结
2016/03/24 Javascript
canvas绘制爱心的几种方法总结(推荐)
2017/10/31 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
javascript实现简易的计算器
2020/01/17 Javascript
react antd表格中渲染一张或多张图片的实例
2020/10/28 Javascript
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
Python学习笔记之常用函数及说明
2014/05/23 Python
Python实现全局变量的两个解决方法
2014/07/03 Python
Python中的异常处理简明介绍
2015/04/13 Python
python简单猜数游戏实例
2015/07/09 Python
一百多行python代码实现抢票助手
2018/09/25 Python
python根据list重命名文件夹里的所有文件实例
2018/10/25 Python
浅析Python+OpenCV使用摄像头追踪人脸面部血液变化实现脉搏评估
2019/10/17 Python
python3 配置logging日志类的操作
2020/04/08 Python
如何用Python 实现全连接神经网络(Multi-layer Perceptron)
2020/10/15 Python
JPA的优势都有哪些
2013/07/04 面试题
微信营销策划方案
2014/02/24 职场文书
教师年度考核评语
2014/04/28 职场文书
家长学校工作方案
2014/05/07 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
2015年办公室个人工作总结
2015/04/20 职场文书
公司致全体员工的感谢信
2019/06/24 职场文书