前端开发中通过js设置cookie的一组方法

js方法的完整代码如下：

var cookie = {set:function(key,val,time){//设置cookie方法var date=new Date(); //获取当前时间var expiresDays=time;  //将date设置为n天以后的时间date.setTime(date.getTime()+expiresDays*24*3600*1000); //格式化为cookie识别的时间document.cookie=key + "=" + val +";expires="+date.toGMTString();  //设置cookie},get:function(key){//获取cookie方法/*获取cookie参数*/var getCookie = document.cookie.replace(/[ ]/g,"");  //获取cookie，并且将获得的cookie格式化，去掉空格字符var arrCookie = getCookie.split(";")  //将获得的cookie以"分号"为标识 将cookie保存到arrCookie的数组中var tips;  //声明变量tipsfor(var i=0;i<arrCookie.length;i++){   //使用for循环查找cookie中的tips变量var arr=arrCookie[i].split("=");   //将单条cookie用"等号"为标识，将单条cookie保存为arr数组if(key==arr[0]){  //匹配变量名称，其中arr[0]是指的cookie名称，如果该条变量为tips则执行判断语句中的赋值操作tips=arr[1];   //将cookie的值赋给变量tipsbreak;   //终止for循环遍历} }return tips;}
}

代码中已经加入了注释，因此某些个别数值需要调整的话，可以自行修改代码。当然了，如果多家一两个参数也不是不可以，自行发挥吧。

下面简单的说明一下设置与获取的方法，便于前端开发新手用户使用

设置cookie的方法为：cookie.set(key,val,time)

key可以理解为cookie的变量名

val可以理解为这个cookie所带有的值

time是cookie的超时时间，单位为天

获取cookie的方法为：cookie.get(key)

key就是刚才我们设置时的cookie变量名

我们只需要将函数赋值给新的变量即可调用这个值，例如：var n = cookie.get(key);

方法写的不算复杂，比较适合前端开发新手使用。

如何调试与查看cookie？

cookie可以通过某些浏览器的开发人员工具进行查看，本文暂以Chrome为例。

打开页面后，可以通过 “右键-> 审查元素 ->resources”，然后如下图中，设置了一个font-size为例，可以查看到变量名、值、和过期时间等信息

本文转载自：品味人生 2014年03月02日于前端开拓者发表，感谢作者分享

转载于:https://www.cnblogs.com/seanna/p/6627246.html

前端开发中通过js设置cookie的一组方法相关推荐

项目开发中常用JS表单取值方法
项目开发中常用JS表单取值方法一.常用表单基本取值方法(form1为表单名称,TextBox1为控件ID,以文本框为例,html控件与web服务器控件是一样的) 1.form1.Te ...
【repost】一探前端开发中的JS调试技巧
有请提示:文中涉及较多Gif演示动画,移动端请尽量在Wifi环境中阅读前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问 ...
学习前端开发中的JS调试技巧(断点)
http://seejs.me/2016/03/27/jsdebugger/ alert() console.log(xxxx) JS断点调试 JS断点调试,即是在浏览器开发者工具中为JS代码添加断点 ...
一探前端开发中的JS调试技巧
转自:http://seejs.me/2016/03/27/%E3%80%90%E5%8E%9F%E5%88%9B%E3%80%91%E4%B8%80%E6%8E%A2%E5%89%8D%E7%AB% ...
列举在Web前端开发中经常会设置的特殊样式！
在实际开发中,移动Web页面的设计风格更接近App(手机应用),而不是传统的网页.为了有更好的用户体验,我们可以给移动Web页面设置一些特殊样式.下面为列举在移动Web开发中经常会设置的特殊样式,具体 ...
前端开发中，js时间与时间戳的转换
js时间与时间戳的转换时间转换为时间戳:包含精确到秒和到毫秒 1.通过valueOf()取得原始对象的原始值获取时间,精确到毫秒 var a=(new Date()).valueOf();//a=1 ...
Web前端开发中最基本的找错误的方法，你得了解一下
本文将与您分享在制作网页首页时,寻找错误.错误及解决方案,非常详细,在此向您推荐,希望对您有所帮助. WEB开发主要是两个交互(B/S数据) 浏览器: 1包含html.css.js等客户端代码运行错误 ...
前端开发中Cookie那些事儿
前段时间做了项目,在前端实现中频繁的操作cookie,记录几点供大家参考! cookie操作在前端开发过程中经常遇到,当然如果只是用来存储一些简单用户数据,还是比较简单的,我们要做的可能只是设置coo ...
前端开发中JS调试技巧，你知道几种？用过几种？
调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问题.降低故障概率.帮助分析逻辑错误等等.而在互联网前端开发越来越重要的今天,如 ...

前端开发中通过js设置cookie的一组方法

前端开发中通过js设置cookie的一组方法相关推荐

最新文章

热门文章