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 相关文章推荐
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
Nov 04 Javascript
javascript 构造函数方式定义对象
Jan 02 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
Jan 09 Javascript
jquery插件corner实现圆角边框的方法
Mar 09 Javascript
js库Modernizr的介绍和使用
May 07 Javascript
jquery实现清新实用的网页菜单效果
Aug 28 Javascript
SpringMVC+bootstrap table实例详解
Jun 02 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
Jul 24 Javascript
seajs实现强制刷新本地缓存的方法分析
Oct 16 Javascript
浅谈React深度编程之受控组件与非受控组件
Dec 26 Javascript
讲解vue-router之什么是编程式路由
May 28 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
May 13 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实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
php 二维数组快速排序算法的实现代码
2017/10/17 PHP
PHP 二维array转换json的实例讲解
2018/08/21 PHP
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
jquery JSON的解析方式示例介绍
2014/07/27 Javascript
浅析Javascript匿名函数与自执行函数
2016/02/06 Javascript
AngularJS 中的指令实践开发指南(一)
2016/03/20 Javascript
Vue.js 和 MVVM 的注意事项
2016/11/07 Javascript
详解HTTPS 的原理和 NodeJS 的实现
2017/07/04 NodeJs
JS表单传值和URL编码转换
2018/03/03 Javascript
解决vue 路由变化页面数据不刷新的问题
2018/03/13 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
2018/07/03 jQuery
JS实现判断图片是否加载完成的方法分析
2018/07/31 Javascript
小程序组件之仿微信通讯录的实现代码
2018/09/12 Javascript
如何制作一个Node命令行图像识别工具
2018/12/12 Javascript
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
如何在JavaScript中创建具有多个空格的字符串?
2020/02/23 Javascript
Vue+Element-U实现分页显示效果
2020/11/15 Javascript
Python编程中对super函数的正确理解和用法解析
2016/07/02 Python
Python中Django发送带图片和附件的邮件
2017/03/31 Python
Linux下安装python3.6和第三方库的教程详解
2018/11/09 Python
Python数据可视化 pyecharts实现各种统计图表过程详解
2019/08/15 Python
python中单下划线(_)和双下划线(__)的特殊用法
2019/08/29 Python
Django数据库操作之save与update的使用
2020/04/01 Python
tensorflow下的图片标准化函数per_image_standardization用法
2020/06/30 Python
W3C公布最新的HTML5标准草案
2008/10/17 HTML / CSS
蔬菜基地的创业计划书
2014/01/06 职场文书
学子宴答谢词
2014/01/25 职场文书
《彩色世界》教学反思
2014/04/12 职场文书
会计学自荐信
2014/06/03 职场文书
委托代理人授权委托书范本
2014/09/24 职场文书
自查自纠工作总结
2014/10/15 职场文书
中学生思想品德评语
2014/12/31 职场文书
关于召开会议的通知
2015/04/15 职场文书
vue3.0 数字翻牌组件的使用方法详解
2022/04/20 Vue.js