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 相关文章推荐
Mootools 1.2教程(21)——类(二)
Sep 15 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
Jul 31 Javascript
js和jquery对dom节点的操作(创建/追加)
Apr 21 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
Oct 24 Javascript
js获取字符串最后一位方法汇总
Nov 13 Javascript
jQuery对table表格进行增删改查
Dec 22 Javascript
基于vue2的table分页组件实现方法
Mar 20 Javascript
Vue使用vue-cli创建项目
Sep 01 Javascript
vue select选择框数据变化监听方法
Aug 24 Javascript
深入理解JavaScript的值传递和引用传递
Oct 24 Javascript
Next.js项目实战踩坑指南(笔记)
Nov 29 Javascript
JavaScript中的 new 命令
May 22 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制作新闻系统的思路
2006/10/09 PHP
社区(php&amp;&amp;mysql)一
2006/10/09 PHP
php xml留言板 xml存储数据的简单例子
2009/08/24 PHP
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
PHP Memcached应用实现代码
2010/02/08 PHP
来自phpguru得Php Cache类源码
2010/04/15 PHP
thinkphp配置文件路径的实现方法
2016/08/30 PHP
JS控制表格隔行变色
2006/06/26 Javascript
javascript JSON操作入门实例
2010/04/16 Javascript
jquery实现的可隐藏重现的靠边悬浮层实例代码
2013/05/27 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
2015/08/26 Javascript
JavaScript与HTML的结合方法详解
2015/11/23 Javascript
javascript实现移动端上的触屏拖拽功能
2016/03/04 Javascript
JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
2016/06/17 Javascript
详解webpack+gulp实现自动构建部署
2017/06/29 Javascript
angularjs实现猜大小功能
2017/10/23 Javascript
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
使用D3.js+Vue实现一个简单的柱形图
2018/08/05 Javascript
js使用Promise实现简单的Ajax缓存
2018/11/14 Javascript
vue使用recorder.js实现录音功能
2019/11/22 Javascript
python语言使用技巧分享
2016/05/31 Python
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
在pycharm下设置自己的个性模版方法
2019/07/15 Python
python实现的生成word文档功能示例
2019/08/23 Python
python yield和Generator函数用法详解
2020/02/10 Python
pycharm实现猜数游戏
2020/12/07 Python
Notino罗马尼亚网站:购买香水和化妆品
2019/07/20 全球购物
Carolina Lemke Berlin澳大利亚官网:时尚太阳镜品牌
2019/09/17 全球购物
有趣、实用和鼓舞人心的产品:Inspire Uplift
2019/11/05 全球购物
用Java语言将一个键盘输入的数字转化成中文输出
2013/01/25 面试题
旺仔牛奶广告词
2014/03/20 职场文书
中班开学寄语
2014/04/04 职场文书
初中学生期末评语
2014/04/24 职场文书
应届生面试求职信
2014/07/02 职场文书
责任书格式
2015/01/29 职场文书
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS