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 相关文章推荐
经典的解除许多网站无法复制文字的绝招
Dec 31 Javascript
直接生成打开窗口代码,不必下载
May 14 Javascript
javascript 选择文件夹对话框(web)
Jul 07 Javascript
jQuery Jcrop插件实现图片选取功能
Nov 23 Javascript
Jquery 获取对象的几种方式介绍
Jan 17 Javascript
JavaScript删除指定子元素代码实例
Jan 13 Javascript
Angularjs 自定义服务的三种方式(推荐)
Aug 02 Javascript
angular中实现控制器之间传递参数的方式
Apr 24 Javascript
JS实现移动端整屏滑动的实例代码
Nov 10 Javascript
JavaScript设计模型Iterator实例解析
Jan 22 Javascript
Vue Render函数创建DOM节点代码实例
Jul 08 Javascript
解决vue路由name同名,路由重复的问题
Aug 05 Javascript
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
php 禁止页面缓存输出
2009/01/07 PHP
奇怪的PHP引用效率问题分析
2012/03/23 PHP
fckeditor上传文件按日期存放及重命名方法
2015/05/22 PHP
php fread读取文件注意事项
2016/09/24 PHP
PHP版微信小店接口开发实例
2016/11/12 PHP
php实现微信支付之退款功能
2018/05/30 PHP
JavaScript 设计模式 富有表现力的Javascript(一)
2010/05/26 Javascript
jQuery 对Select的操作备忘记录
2011/07/04 Javascript
javascript预加载图片、css、js的方法示例介绍
2013/10/14 Javascript
js跳转页面方法总结
2014/01/29 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
angular基于路由控制ui-router实现系统权限控制
2016/09/27 Javascript
Node.js中如何合并两个复杂对象详解
2016/12/31 Javascript
node vue项目开发之前后端分离实战记录
2017/12/13 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
详解Nodejs mongoose
2018/06/10 NodeJs
js实现延迟加载的几种方法详解
2019/01/19 Javascript
angular8和ngrx8结合使用的步骤介绍
2019/12/01 Javascript
jQuery实现鼠标拖动图片功能
2021/03/04 jQuery
vue+flask实现视频合成功能(拖拽上传)
2021/03/04 Vue.js
python线程池(threadpool)模块使用笔记详解
2017/11/17 Python
微信跳一跳自动运行python脚本
2018/01/08 Python
python高效过滤出文件夹下指定文件名结尾的文件实例
2018/10/21 Python
使用Pandas的Series方法绘制图像教程
2019/12/04 Python
python3将变量输入的简单实例
2020/08/19 Python
Python实现JS解密并爬取某音漫客网站
2020/10/23 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
英国美术用品购物网站:Cass Art
2019/10/08 全球购物
《彩色世界》教学反思
2014/04/12 职场文书
小区的门卫岗位职责
2014/10/01 职场文书
2014年党员个人工作总结
2014/12/02 职场文书
安全员岗位职责范本
2015/04/11 职场文书
银行文明优质服务培训心得体会
2016/01/09 职场文书
CSS3 实现的图片悬停的切换按钮
2021/04/13 HTML / CSS
原生JavaScript实现简单五子棋游戏
2021/06/28 Javascript
React如何使用axios请求数据并把数据渲染到组件
2022/08/05 Javascript