js简单设置与使用cookie的方法


Posted in Javascript onJanuary 22, 2016

本文实例讲述了js简单设置与使用cookie的方法。分享给大家供大家参考,具体如下:

一、js设置cookie的用处

php可以设置cookie的,用js来设置cookie有什么好处呢?在前端进行操作时,有的时候要传很多参数,这个时候,我们可以把这些参数拼接到url后面进行传值,那边在接收参数,不过这样挺麻烦的,如果把这些数据放到cookie里面,就开发者的开发效率来说,我想会高一些,以淘宝为例,他有一级分类,二级分类,三级,四级,我们找商品的时候,可能会牵扯到很多条件,如果把这些条件都放到cookie里面,我感觉就方便多了,不知道淘宝是不是这样的。淘宝的url是加了密的,并且好长,有可能是根在url的后面。费话不多说看一个小例子。

二、js实例

//取得cookie
function getCookie(name) {
 var nameEQ = name + "=";
 var ca = document.cookie.split(';'); //把cookie分割成组
 for(var i=0;i < ca.length;i++) {
 var c = ca[i]; //取得字符串
 while (c.charAt(0)==' ') { //判断一下字符串有没有前导空格
 c = c.substring(1,c.length); //有的话,从第二位开始取
 }
 if (c.indexOf(nameEQ) == 0) { //如果含有我们要的name
 return unescape(c.substring(nameEQ.length,c.length)); //解码并截取我们要值
 }
 }
 return false;
}
//清除cookie
function clearCookie(name) {
 setCookie(name, "", -1);
}
//设置cookie
function setCookie(name, value, seconds) {
 seconds = seconds || 0; //seconds有值就直接赋值,没有为0,这个根php不一样。
 var expires = "";
 if (seconds != 0 ) { //设置cookie生存时间
 var date = new Date();
 date.setTime(date.getTime()+(seconds*1000));
 expires = "; expires="+date.toGMTString();
 }
 document.cookie = name+"="+escape(value)+expires+"; path=/"; //转码并赋值
}

调用一下上面方法:

setCookie("test","tank",1800); //设置cookie的值,生存时间半个小时
alert(getCookie('test')); //取得cookie的值,显示tank
clearCookie("test"); //删除cookie的值
alert(getCookie('test')); //test对应的cookie值为空,显示为false.就是getCookie最后返的false值。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
网络图片延迟加载实现代码 超越jquery控件
Mar 27 Javascript
判断文件是否正在被使用的JS代码
Dec 21 Javascript
jquery删除指定子元素代码实例
Jan 13 Javascript
javascript针对不确定函数的执行方法
Dec 16 Javascript
jQuery mobile 移动web(6)
Dec 20 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
Apr 14 Javascript
AngularJS ng-app 指令实例详解
Jul 30 Javascript
webpack入门+react环境配置
Feb 08 Javascript
VueJs组件之父子通讯的方式
May 06 Javascript
vuejs实现标签选项卡动态更改css样式的方法
May 31 Javascript
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
May 13 Javascript
详解Vue的异步更新实现原理
Dec 22 Vue.js
prototype框架中美元符号$用法分析
Jan 22 #Javascript
详解javascript传统方法实现异步校验
Jan 22 #Javascript
jquery.validate提示错误信息位置方法
Jan 22 #Javascript
jQuery ajax时间差导致的变量赋值问题分析
Jan 22 #Javascript
jQuery简单获取键盘事件的方法
Jan 22 #Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
Jan 22 #Javascript
CSS或者JS实现鼠标悬停显示另一元素
Jan 22 #Javascript
You might like
rrmdir php中递归删除目录及目录下的文件
2011/05/15 PHP
完美解决JS中汉字显示乱码问题(已解决)
2006/12/27 Javascript
解析arp病毒背后利用的Javascript技术附解密方法
2007/08/06 Javascript
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
js TextArea的选中区域处理
2010/12/28 Javascript
javascript+xml实现简单图片轮换(只支持IE)
2012/12/23 Javascript
javascript检测对象中是否存在某个属性判断方法小结
2013/05/19 Javascript
jQuery构造函数init参数分析
2015/05/13 Javascript
JavaScript生成福利彩票双色球号码
2015/05/15 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
2015/08/25 Javascript
jquery轮播的实现方式 附完整实例
2016/07/28 Javascript
D3.js实现折线图的方法详解
2016/09/21 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
微信小程序 Template详解及简单实例
2017/01/05 Javascript
深入理解Angular4订阅(Subscribe)与取消
2017/11/22 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
2017/12/06 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
2018/09/20 Javascript
Promise扫盲贴
2019/06/24 Javascript
js实现石头剪刀布游戏
2020/10/11 Javascript
解决vue侦听器watch,调用this时出现undefined的问题
2020/10/30 Javascript
[06:30]DOTA2英雄梦之声_第15期_死亡先知
2014/06/21 DOTA
[48:30]LGD vs infamous Supermajor小组赛D组 BO3 第一场 6.3
2018/06/04 DOTA
CentOS中使用virtualenv搭建python3环境
2015/06/08 Python
go和python变量赋值遇到的一个问题
2017/08/31 Python
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
tensorflow 获取所有variable或tensor的name示例
2020/01/04 Python
Python2与Python3关于字符串编码处理的差别总结
2020/09/07 Python
windows下python 3.9 Numpy scipy和matlabplot的安装教程详解
2020/11/28 Python
详解使用双缓存解决Canvas clearRect引起的闪屏问题
2019/04/29 HTML / CSS
四川internet信息高速公路(C#)笔试题
2012/02/29 面试题
大三学生做职业规划:给未来找个方向
2014/02/24 职场文书
护理专业自荐信范文
2014/02/26 职场文书
超市活动计划书
2014/04/24 职场文书
导游词之广东佛山(南风古灶)
2019/09/24 职场文书
《遗弃》开发商删推文要跑路?官方回应:还在开发
2022/04/03 其他游戏
SpringBoot使用ip2region获取地理位置信息的方法
2022/06/21 Java/Android