分享前端开发中通过js设置cookie的一组方法
来源:互联网 发布:浅谈无约束最优化问题 编辑:程序博客网 时间:2024/05/10 00:48
我们在前端开发中,通常都需要获取并记录用户的某些操作设置,这样可以使用户下一次访问网站时不用进行重复的调整设置同一个功能。
此次文章中的方法是在前端开发工作中自己随手写的一组通过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为例,可以查看到变量名、值、和过期时间等信息
转载地址:
- 本文固定链接: http://www.frontopen.com/1943.html
- 转载请注明: 品味人生 2014年03月02日 于 前端开拓者 发表
0 0
- 前端开发中通过js设置cookie的一组方法
- 分享前端开发中通过js设置cookie的一组方法
- JS设置cookie、读取cookie、删除cookie的三个方法
- 一组实用的Cookie读写函数(JS)
- 分享一些前端开发中最常用的JS代码片段以及理解 JS闭包
- 分享一些前端开发中最常用的JS代码片段以及理解 JS闭包
- js设置以及取cookie的方法
- js设置和获取cookie的方法
- 分享一些前端开发中最常用的JS代码片段
- 分享一些前端开发中最常用的JS代码片段~ 干货~
- 分享一些前端开发中最常用的JS代码片段~ 干货~
- 分享一些前端开发中最常用的JS代码片段
- 分享一些前端开发中最常用的JS代码片段
- 分享一些前端开发中最常用的JS代码片段
- 分享一些前端开发中最常用的JS代码片段~ 干货~
- jQuery.cookie.js中cookie设置遇到的问题
- [APP开发技巧] 【分享】JS通过Ajax调用数据云API的REST接口的方法
- js前端页面中js方法名字设置小注意
- java中序列化和反序列化
- JAVA静态
- iOS原生项目中集成React Native
- Xcode:崩溃堆栈符号化,定位崩溃
- POJ-3252 Round Numbers
- 分享前端开发中通过js设置cookie的一组方法
- LoadRunner性能测试结果分析样例
- 数据结构中的栈,在解决很多问题都有用处,比如括号匹配,迷宫求解,表达式求值等等 java中有封装好的类,可以直接调用。
- 【Chromium中文文档】Chrome/Chromium沙箱 - 安全架构设计
- HBase Region分裂
- cocoapods 安装第三方库,然后运行项目,报错(sharedApplication' is unavailable: not available iOS (App Extension))
- iptables学习day-01
- spring3.2 + springMVC +hibernate 4 + mysql 5 整合框架
- 数据挖掘十大经典算法