今天写的javascript添加,删除,和读取cookie的demo在这儿做个记录,其中有一下几个可能经常用到的地方做一个备注。
1、JSON.stringify(jsonObj) 将json对象转化为字符串对象;
2、escape对字符串进行编码,编码的目的是防止在cookie中出现特殊字符,用unescape转换编码后的字符串;
3、cookiMap.replace(/\s/g,"")去掉字符串中的空格;
4、document.cookie写入或读取cookie串。
<script type="text/javascript"> /*添加cookie*/ function setCookie(name,value,outTime){ var expdate=new Date(); var outms=outTime*24*60*60*1000;//过期时间,以天为单位‘1’表示一天 expdate.setTime(expdate.getTime()+outms); var cookieStr=name+"="+escape(value)+";expires="+expdate.toGMTString(); //escape方法的作用是进行编码,主要防治value中有特殊字符 document.cookie=cookieStr; } /*删除cookie cookie的删除并不是物理意义上的直接删除, 而是将cookie的有效期设置为失效,然后由浏览器删除失效的cookie删除 */ function deleteCookie(cookiename){ var date = new Date(); var outTime=date.getTime()-1000;//将cookie的有效期设置为失效 date.setTime(outTime); document.cookie=cookiename+"='';expires="+date.toGMTString(); } /*读取cookie*/ function getCookie(cookieName){ var cookieStr=document.cookie; var cookievalue=""; if(cookieStr!=null &&cookieStr!=undefined){ var arrayCookie=cookieStr.split(';'); for(var i=0;i<arrayCookie.length;i++){ var arrayDetail=arrayCookie[i].split('='); if(i==0){ cookiMap='{"'+arrayDetail[0]+'":"'+arrayDetail[1]+'",'; }else if(i==arrayCookie.length-1){ cookiMap+='"'+arrayDetail[0]+'":"'+arrayDetail[1]+'"}'; }else{ cookiMap+='"'+arrayDetail[0]+'":"'+arrayDetail[1]+'",'; } } } var s=cookiMap.replace(/\s/g,"");//去掉空格 var cookieObj=JSON.parse(s); for(var item in cookieObj){ if(item==cookieName){ cookievalue=unescape(cookieObj[item]); } } return cookievalue; } window.onload=function(){ var jsonObj={"姓名":"傅红雪","年龄":"24","职业":"刺客"} setCookie("abc",JSON.stringify(jsonObj),2);//在cookie中写入json串 setCookie("abd","hello word",2);// 写入cookie setCookie("abe","边城;浪子",2); var s={'abc':'{"姓名":"傅红雪","年龄":"24","职业":"刺客"}','abd':'hello word','abe':'编程;浪子'}; deleteCookie('abe'); //删除cookie alert(getCookie('abe'));//根据key值获取cookie } </script>
相关推荐
javascript 操作cookiejavascript 操作cookiejavascript 操作cookie
js写的方法,可以设置cookie和获取cookie值,简单易懂
JS的COOKIE设置和清楚,写好的一个函数,方便调用,可直接写成函数的方式
Js 操作cookie源码封装Js 操作cookie源码封装
js操作Cookie子键+Jquery调用Ajax方法执行后台操作 返回值给前台。详细注释 Demo
js操作cookie.pdf
并且在Cookie详解这篇文章中,介绍了如何在服务器端和使用JavaScript创建Cookie,并设置属性。 我们知道,Cookie是存储在客户端的,并且现在前后端分离慢慢变得流行起来,因此如何在浏览器上可以使用方便快捷的...
js对cookie操作的封装 包含jquery对cookie的操作和纯javascript对cookie操作
用js设置cookie,并能读取 用js设置cookie,并能读取
用JavaScript操作Cookie实现菜单保存的一个实例,如果你正在编写一个JS层拖动的功能,那么这段代码可以帮你实现拖动位置的保存,让浏览器去保存用户拖动网页某个层的位置
cookie设置插件jquery.cookie.min.js 文章《javascript设置cookie高级篇可跨域访问》https://blog.csdn.net/cplvfx/article/details/117822956
javascript操作cookie /** * Read the JavaScript cookies tutorial at: * [url]http://www.netspade.com/articles/javascript/cookies.xml[/url] */ /** * Sets a Cookie with the given name and value. * * name...
JS操作Cookie 大全 可以实现购物车功能
有js设置和获取cookie 简单实用易看懂免费为大家分享 有兴趣的可以参与看看啊
JScript脚本操作Cookie Cookie的读取,创建,写入,一些设置将Cookie持久化和清除
代码如下: function ClearCookie() { var expires = new Date(); expires.setTime... //expires是对应过期时间的设置,不设这个值,cookie默认在关闭浏览器时失效 [removed] = “roleID=’333”’;path=/;expires=”