使用js操作cookie的一点小收获分享

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用js操作cookie的一点小收获分享，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3935字，纯文字阅读大概需要6分钟。

内容图文

<li [#if c.keywords?exists] keywords="${c.keywords}" 
[/#if] path="${c.path}" onclick="clickClient(this.path,this.keywords);"> 
<a href="javascript:void(0)" style="cursor: pointer;"><span>${c.name}</span> 
</a> 
</li> 
 
clickClient这个方法不是真正要调用的方法，只是一个过渡方法而已。 
 代码如下:

clickClient = function(path,keywords){ 
//解析分解keywords开始 
keywords = keywords.replace("username","${user.username}"); 
var suffIndex=keywords.indexOf("http"); 
var prefix = keywords.substr(0,suffIndex-1); 
var suffix = keywords.substr(suffIndex-1); 
var preIndex=prefix.lastIndexOf("|")+1; 
var year = prefix.substr(preIndex); 
prefix = prefix.substr(0,preIndex); 
//解析分解keywords结束 
//合并url 
keywords = prefix+$("#year").val()+suffix; 
clientInvoke(path,keywords); 
} 
 
在这个方法，最终实现的目的是调用clientInvoke方法，而传进去的参数keywords是变化，要经过一定的处理，首先把${user.username}把user替换掉，在js代码中，即使含有EL表达式也会动态的解析出来，这点就实现了动态的调用当前用户名的目标。当2014这个年度也要设置为动态的，并且是可以切换的，那就要把该字符串分解成三个部分： 

前缀：efmis://|efmfj|username|2200|0|| 

年度：2014 

后缀：|http://10.20.1.54:7001/cssServerportal222012/|||||02 

把年度放在一个select下拉菜单中，当触动clickClient方法时，即时的从当前option中取出年度，然后和前缀后缀拼接起来，这样就是实现了年度可变化的灵活性。 
 代码如下:

年度切换 
<select id="year" onclick="switchYear(this.value);"> 
<option value="2012">2012</option> 
<option value="2013">2013</option> 
<option value="2014" selected="selected">2014</option> 
<option value="2015">2015</option> 
</select> 
 
这时候会有一个问题，当年度切换之后，比如默认的2014，切换到2013之后，如果刷新页面，就会重新变回默认的2014，这个该怎么办呢？刷新之后所有的变量都重新加载了，所以设置全局变量这个方法就行不通了，那么我们要问，什么东西是不随着页面刷新而变化并且我们很容易进行操作的？看到本文的标题我想所有人都会知道了:cookie! 

cookie是保存在本地的资源，可以随存随取，在记住密码的功能上起了极大的作用。这时候我们就利用cookie，把年度存在cookie中。每次加载页面时，判断cookie是否存在，如果存在就从中取出放入select，如果不存在就从select中取出，存入cookie。 
 代码如下:

$(document).ready(function(){ 
if(getCookie("Year")==null){//不存在该cookie，放进去 
setCookie("Year",$("#year").val()); 
}else{ 
//已经存在该cookie，则从中取出 
$("#year").val(getCookie("Year")); 
} 
}); 
//设置cookie 
function setCookie(name,value) 
{ 
//var Days = 30; 
//var exp = new Date(); 
//exp.setTime(exp.getTime() + 365*24*60*60*1000); 
document.cookie = name + "="+ escape (value); 
// + ";expires=" + exp.toGMTString(); 
} 
//读取cookies 
function getCookie(name) 
{ 
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); 
if(arr=document.cookie.match(reg)) return unescape(arr[2]); 
else return null; 
} 
 
在切换年度的时候，cookie的值当然也要发生变化： 
 代码如下:

switchYear=function(year){ 
setCookie("Year",year); 
} 
 
根据用户的要求，一定要让2014作为默认。每次切换完cookie操作完成之后，关闭浏览器，重新打开登录进入首页，年度依然要是2014，而不是上次切换的那个值。所以我们就不需要设定cookie的过期时间了，只需要让其在浏览器关闭后自动清除即可。 

当然了，如果期望浏览器长期记住cookie，就设定过期时间，setCookie中的注释代码正是设置过期时间用的。感兴趣的可以研究下。
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的使用js操作cookie的一点小收获分享全部内容，希望文章能够帮你解决使用js操作cookie的一点小收获分享所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端