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 相关文章推荐
window.addeventjs事件驱动函数集合addEvent等
Feb 19 Javascript
javascript时区函数介绍
Sep 14 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
Dec 29 Javascript
PHP PDO操作总结
Nov 17 Javascript
JQuery中上下文选择器实现方法
May 18 Javascript
JS访问SWF的函数用法实例
Jul 01 Javascript
用jQuery向div中添加Html文本内容的简单实现
Jul 13 Javascript
Google 地图事件实例讲解
Aug 06 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
Sep 20 Javascript
利用Node.JS实现邮件发送功能
Oct 21 Javascript
Vue动画事件详解及过渡动画实例
Feb 09 Javascript
vue实现简易音乐播放器
Aug 14 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
php stream_get_meta_data返回值
2013/09/29 PHP
php 判断网页是否是utf8编码的方法
2014/06/06 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
javascript中的prototype属性使用说明(函数功能扩展)
2010/08/16 Javascript
js之事件冒泡和事件捕获详细介绍
2013/10/28 Javascript
再谈Jquery Ajax方法传递到action(补充)
2014/05/12 Javascript
超级好用的jQuery圆角插件 Corner速成
2014/08/31 Javascript
使用jquery动态加载Js文件和Css文件
2015/10/24 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
js仿搜狐视频记录片列表展示效果
2020/05/30 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
axios发送post请求,提交图片类型表单数据方法
2018/03/16 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
js数据类型检测总结
2018/08/05 Javascript
深入理解Vue 的钩子函数
2018/09/05 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
2018/09/19 Javascript
浅谈发布订阅模式与观察者模式
2019/04/09 Javascript
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
ElementUI之Message功能拓展详解
2019/10/18 Javascript
详解React路由传参方法汇总记录
2020/11/29 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
python开发之thread实现布朗运动的方法
2015/11/11 Python
利用Python求阴影部分的面积实例代码
2018/12/05 Python
Django REST framework内置路由用法
2019/07/26 Python
Django数据库迁移常见使用方法
2020/11/12 Python
Hotels.com英国:全球领先的酒店住宿提供商
2019/01/24 全球购物
《苏珊的帽子》教学反思
2014/04/07 职场文书
旷课检讨书
2015/01/26 职场文书
2015年六一儿童节活动总结
2015/02/11 职场文书
2015年医院创卫工作总结
2015/04/22 职场文书
本科毕业论文致谢怎么写
2015/05/14 职场文书
Matplotlib可视化之添加让统计图变得简单易懂的注释
2021/06/11 Python
教你如何使用Python实现二叉树结构及三种遍历
2021/06/18 Python
新的CSS 伪类函数 :is() 和 :where()示例详解
2022/08/05 HTML / CSS