热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

Javascript对cookie操作详解及实例

这篇文章主要介绍了Javascript对cookie操作详解及实例的相关资料,大家在开发网站的时候,都会用到cookie这里就详细介绍下,需要的朋友可以参考下

js 操作 COOKIE 的方法

COOKIE

COOKIE,有时候也用其复数形式COOKIEs,指某些网站为了辨别用户身份,进行session跟踪而储存在用户本地终端上的数据(经常通过加密)。定义于RFC2109和2965都已废弃,最新取代的规范是RFC6265。

COOKIE的作用

服务器可以利用COOKIE包含信息的任意性来筛选经常性维护这些信息,以判断在HTTP传输中的状态。COOKIE最典型的英语是判断注册用户是否已经登录网站,用户可能会得到提示,是否在下一次进入此网站时保留用户信息以便简化登录步骤,浙西都是COOKIE的功能。另一个重要张合是“购物车”之类处理。用户可能会在一段时间内在同一家网站的不同页面中选择不同的商品,这些信息都会写入COOKIE,以便在最后付款时提取信息。

js设置COOKIE

document.COOKIE="key=value";
//例
document.COOKIE="name=weiqi";

//可以在控制台中打印出COOKIE
console.log(document.COOKIE);

如何修改和获取COOKIE

js中并没有提供获取COOKIE的方法,所以只能自己封装方法,相同的key的COOKIE只能存在一个,如果定义了一个document.COOKIE="age=21",后面又定义了document.COOKIE="age=30",那么后面定义的COOKIE会覆盖前面定义的COOKIE,所以修改COOKIE值的时候只用重新定义个key相同的COOKIE就可以了。那么获取COOKIE的时候也只用在COOKIE中获取到这个key后面的“=”和“;”直接的字符串,那就是这个COOKIE的值了,获取的方法又很多种,这里我写一种比较简单的:

function getCOOKIE(key){
  var index = document.COOKIE.indexOf(key);
  var returnValue;
  if(index!==-1){
    var tIndex = document.COOKIE.indexOf(";",index);
    var target = document.COOKIE.substring(index,tIndex);
    var returnValue = decodeURIComponent(target.replace(key+"=",""))
  }
  return returnValue;
}

document.COOKIE="name=weiqi";
getCOOKIE("name"); //weiqi

删除COOKIE

COOKIE是有有效期的,前面我们设置COOKIE的时候都没有设置有效期,如果我们将COOKIE的有效期设置成一个已经过去的时间,那么它就无效了,下面来实现一下:

function delCOOKIE(key){
  var d = new Date();
  document.COOKIE=key+"=;expires="+ d.toGMTString();
}

document.COOKIE="name=weiqi";
delCOOKIE("name"); //undefined

给COOKIE设置一个有效期

通过expires给COOKIE设置一个有效期,现在我们设置一个COOKIE的有效期是10天,如下:

var d = new Date();
var time = 10;
d.setTime(d.getTime()+time*1000*60*60*24);
document.COOKIE="name=weiqi;expires="+ d.toGMTString();

封装COOKIE

将自定义的一些方法完善一下封装成一个对象,这样在使用的时候就可以直接拿来用了:

//封装COOKIE方法的对象
var COOKIE = {
  setCOOKIE:function(key,value,time){
    if(key == undefined){
      return;
    }
    if(time!== undefined){
      var d = new Date();
      d.setTime(d.getTime()+time*1000*60*60*24);
      document.COOKIE=key+"="+value+";expires="+ d.toGMTString();
    }else{
      document.COOKIE=key+"="+value;
    }
  },
  getCOOKIE:function(key){
    var index = document.COOKIE.indexOf(key);
    var returnValue;
    if(index!==-1){
      var tIndex = document.COOKIE.indexOf(";",index);
      var target = document.COOKIE.substring(index,tIndex);
      var returnValue = decodeURIComponent(target.replace(key+"=",""))
     }
    return returnValue;
  },
  delCOOKIE:function(key){
    var d = new Date();
    document.COOKIE=key+"=;expires="+ d.toGMTString();
  }
}


//测试
COOKIE.setCOOKIE("home")
COOKIE.setCOOKIE("name","卫旗");
COOKIE.setCOOKIE("age",22);
COOKIE.setCOOKIE("sex","男")
COOKIE.getCOOKIE("sex")
COOKIE.delCOOKIE("age")

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


推荐阅读
  • 本文详细介绍了SQL日志收缩的方法,包括截断日志和删除不需要的旧日志记录。通过备份日志和使用DBCC SHRINKFILE命令可以实现日志的收缩。同时,还介绍了截断日志的原理和注意事项,包括不能截断事务日志的活动部分和MinLSN的确定方法。通过本文的方法,可以有效减小逻辑日志的大小,提高数据库的性能。 ... [详细]
  • 本文介绍了Python高级网络编程及TCP/IP协议簇的OSI七层模型。首先简单介绍了七层模型的各层及其封装解封装过程。然后讨论了程序开发中涉及到的网络通信内容,主要包括TCP协议、UDP协议和IPV4协议。最后还介绍了socket编程、聊天socket实现、远程执行命令、上传文件、socketserver及其源码分析等相关内容。 ... [详细]
  • PHP设置MySQL字符集的方法及使用mysqli_set_charset函数
    本文介绍了PHP设置MySQL字符集的方法,详细介绍了使用mysqli_set_charset函数来规定与数据库服务器进行数据传送时要使用的字符集。通过示例代码演示了如何设置默认客户端字符集。 ... [详细]
  • 本文介绍了如何使用php限制数据库插入的条数并显示每次插入数据库之间的数据数目,以及避免重复提交的方法。同时还介绍了如何限制某一个数据库用户的并发连接数,以及设置数据库的连接数和连接超时时间的方法。最后提供了一些关于浏览器在线用户数和数据库连接数量比例的参考值。 ... [详细]
  • Centos7.6安装Gitlab教程及注意事项
    本文介绍了在Centos7.6系统下安装Gitlab的详细教程,并提供了一些注意事项。教程包括查看系统版本、安装必要的软件包、配置防火墙等步骤。同时,还强调了使用阿里云服务器时的特殊配置需求,以及建议至少4GB的可用RAM来运行GitLab。 ... [详细]
  • 本文介绍了在Hibernate配置lazy=false时无法加载数据的问题,通过采用OpenSessionInView模式和修改数据库服务器版本解决了该问题。详细描述了问题的出现和解决过程,包括运行环境和数据库的配置信息。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • 本文介绍了如何找到并终止在8080端口上运行的进程的方法,通过使用终端命令lsof -i :8080可以获取在该端口上运行的所有进程的输出,并使用kill命令终止指定进程的运行。 ... [详细]
  • 禁止程序接收鼠标事件的工具_VNC Viewer for Mac(远程桌面工具)免费版
    VNCViewerforMac是一款运行在Mac平台上的远程桌面工具,vncviewermac版可以帮助您使用Mac的键盘和鼠标来控制远程计算机,操作简 ... [详细]
  • 本文详细介绍了云服务器API接口的概念和作用,以及如何使用API接口管理云上资源和开发应用程序。通过创建实例API、调整实例配置API、关闭实例API和退还实例API等功能,可以实现云服务器的创建、配置修改和销毁等操作。对于想要学习云服务器API接口的人来说,本文提供了详细的入门指南和使用方法。如果想进一步了解相关知识或阅读更多相关文章,请关注编程笔记行业资讯频道。 ... [详细]
  • 阿,里,云,物,联网,net,core,客户端,czgl,aliiotclient, ... [详细]
  • [译]技术公司十年经验的职场生涯回顾
    本文是一位在技术公司工作十年的职场人士对自己职业生涯的总结回顾。她的职业规划与众不同,令人深思又有趣。其中涉及到的内容有机器学习、创新创业以及引用了女性主义者在TED演讲中的部分讲义。文章表达了对职业生涯的愿望和希望,认为人类有能力不断改善自己。 ... [详细]
  • 如何基于ggplot2构建相关系数矩阵热图以及一个友情故事
    本文介绍了如何在rstudio中安装ggplot2,并使用ggplot2构建相关系数矩阵热图。同时,通过一个友情故事,讲述了真爱难觅的故事背后的数据量化和皮尔逊相关系数的概念。故事中的小伙伴们在本科时参加各种考试,其中有些沉迷网络游戏,有些热爱体育,通过他们的故事,展示了不同兴趣和特长对学习和成绩的影响。 ... [详细]
  • 如何用UE4制作2D游戏文档——计算篇
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了如何用UE4制作2D游戏文档——计算篇相关的知识,希望对你有一定的参考价值。 ... [详细]
  • 本文介绍了使用PHP实现断点续传乱序合并文件的方法和源码。由于网络原因,文件需要分割成多个部分发送,因此无法按顺序接收。文章中提供了merge2.php的源码,通过使用shuffle函数打乱文件读取顺序,实现了乱序合并文件的功能。同时,还介绍了filesize、glob、unlink、fopen等相关函数的使用。阅读本文可以了解如何使用PHP实现断点续传乱序合并文件的具体步骤。 ... [详细]
author-avatar
Cindy_J_Lee
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有