热门标签 | 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")

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


推荐阅读
  • 页面预渲染适用于主要包含静态内容的页面。对于依赖大量API调用的动态页面,建议采用SSR(服务器端渲染),如Nuxt等框架。更多优化策略可参见:https://github.com/HaoChuan9421/vue-cli3-optimization ... [详细]
  • STM32代码编写STM32端不需要写关于连接MQTT服务器的代码,连接的工作交给ESP8266来做,STM32只需要通过串口接收和发送数据,间接的与服务器交互。串口三配置串口一已 ... [详细]
  • 如何在浩方平台畅玩CS1.6
    本文详细介绍了如何在浩方平台上安装、配置并顺利运行CS1.6,包括手动与自动搜索游戏启动器的方法,以及如何选择合适的服务器和房间以获得最佳游戏体验。 ... [详细]
  • MVC模式下的电子取证技术初探
    本文探讨了在MVC(模型-视图-控制器)架构下进行电子取证的技术方法,通过实际案例分析,提供了详细的取证步骤和技术要点。 ... [详细]
  • 本文介绍了Tomcat的基本操作,包括启动、关闭及首次访问的方法,并详细讲解了如何在IDEA中创建Web项目,配置Servlet及其映射,以及如何将项目部署到Tomcat。 ... [详细]
  • 本文探讨了使用Python实现监控信息收集的方法,涵盖从基础的日志记录到复杂的系统运维解决方案,旨在帮助开发者和运维人员提升工作效率。 ... [详细]
  • 本文探讨了服务器系统架构的性能评估方法,包括性能评估的目的、步骤以及如何选择合适的度量标准。文章还介绍了几种常用的基准测试程序及其应用,并详细说明了Web服务器性能评估的关键指标与测试方法。 ... [详细]
  • 笔记说明重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系& ... [详细]
  • Java虚拟机及其发展历程
    Java虚拟机(JVM)是每个Java开发者日常工作中不可或缺的一部分,但其背后的运作机制却往往显得神秘莫测。本文将探讨Java及其虚拟机的发展历程,帮助读者深入了解这一关键技术。 ... [详细]
  • WebBenchmark:强大的Web API性能测试工具
    本文介绍了一款名为WebBenchmark的Web API性能测试工具,该工具不仅支持HTTP和HTTPS服务的测试,还提供了丰富的功能来帮助开发者进行高效的性能评估。 ... [详细]
  • 本文基于Java官方文档进行了适当修改,旨在介绍如何实现一个能够同时处理多个客户端请求的服务端程序。在前文中,我们探讨了单客户端访问的服务端实现,而本篇将深入讲解多客户端环境下的服务端设计与实现。 ... [详细]
  • 本文回顾了作者在求职阿里和腾讯实习生过程中,从最初的迷茫到最后成功获得Offer的心路历程。文中不仅分享了个人的面试经历,还提供了宝贵的面试准备建议和技巧。 ... [详细]
  • 随着Linux操作系统的广泛使用,确保用户账户及系统安全变得尤为重要。用户密码的复杂性直接关系到系统的整体安全性。本文将详细介绍如何在CentOS服务器上自定义密码规则,以增强系统的安全性。 ... [详细]
  • 服务器虚拟化存储设计,完美规划储存与资源,部署高性能虚拟化桌面
    规划部署虚拟桌面环境前,必须先估算目前所使用实体桌面环境的工作负载与IOPS性能,并慎选储存设备。唯有谨慎估算贴近实际的IOPS性能,才能 ... [详细]
  • 本文介绍了如何使用Node.js通过两种不同的方法连接MongoDB数据库,包括使用MongoClient对象和连接字符串的方法。每种方法都有其特点和适用场景,适合不同需求的开发者。 ... [详细]
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社区 版权所有