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 相关文章推荐
彪哥1.1(智能表格)提供下载
Sep 07 Javascript
javascript 文章截取部分无损html显示实现代码
May 04 Javascript
来自国外的页面JavaScript文件优化
Dec 08 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
Oct 23 Javascript
JS实现图片横向滚动效果示例代码
Sep 04 Javascript
js 遍历json返回的map内容示例代码
Oct 29 Javascript
jQuery对html元素的取值与赋值实例详解
Dec 18 Javascript
详解VUE的状态控制与延时加载刷新
Mar 27 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
JS大坑之19位数的Number型精度丢失问题详解
Apr 22 Javascript
完美解决vue 中多个echarts图表自适应的问题
Jul 19 Javascript
关于vue-router-link选择样式设置
Apr 30 Vue.js
基于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
Apache, PHP在Windows 9x/NT下的安装与配置 (二)
2006/10/09 PHP
PHP 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
『PHP』PHP截断函数mb_substr()使用介绍
2013/04/22 PHP
C# WinForm中实现快捷键自定义设置实例
2015/01/23 PHP
PHP耦合设计模式实例分析
2018/08/08 PHP
yepnope.js 异步加载资源文件
2011/09/08 Javascript
js两行代码按指定格式输出日期时间
2011/10/21 Javascript
JavaScript极简入门教程(三):数组
2014/10/25 Javascript
原生javascript实现隔行换色
2015/01/04 Javascript
JavaScript修改浏览器tab标题小技巧
2015/01/06 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
关于原生js中bind函数的简单实现
2016/08/10 Javascript
js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)
2017/02/13 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
2017/06/19 Javascript
jquery应用实例分享_实现手风琴特效
2018/02/01 jQuery
Angular4学习笔记router的简单使用
2018/03/30 Javascript
vuejs实现标签选项卡动态更改css样式的方法
2018/05/31 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
js的Object.assign用法示例分析
2020/03/05 Javascript
[02:09]EHOME夺得首届辉夜杯冠军—现场颁奖仪式
2015/12/28 DOTA
[45:18]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第一场
2018/04/04 DOTA
Python操作json数据的一个简单例子
2014/04/17 Python
Pyspider中给爬虫伪造随机请求头的实例
2018/05/07 Python
tensorflow 2.0模式下训练的模型转成 tf1.x 版本的pb模型实例
2020/06/22 Python
python 带时区的日期格式化操作
2020/10/23 Python
html5-Canvas可以在web中绘制各种图形
2012/12/26 HTML / CSS
六查六看剖析材料
2014/02/15 职场文书
课程改革实施方案
2014/03/16 职场文书
小学生校园广播稿
2014/09/28 职场文书
毕业生代领毕业材料的授权委托书
2014/09/29 职场文书
评先进个人材料
2014/12/29 职场文书
领导干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
人事部:年度述职报告范文
2019/07/12 职场文书
Python的flask接收前台的ajax的post数据和get数据的方法
2021/04/12 Python
鲲鹏 CentOS 7 安装Python3.7
2022/05/11 Servers
nginx 添加http_stub_status_module模块
2022/05/25 Servers