javascript读写cookie操作简单介绍
分类:实例代码
javascript读写cookie操作简单介绍属于前端实例代码,有关更多实例代码大家可以查看。
本章节介绍一下javascript如何读cookie。
cookie是存放在本地计算机的一个小文件,信息是以键值对的方式存在的,比如可以存放登陆用户名和密码,这在实际应用中比较常见,比如记住一些用户信息,下一次登陆的时候就无需再次填写,下面就介绍一下js如何实现读写cookie和其他的一些相关设置。
一.创建cookie:
function addCookie(sName,sValue,day){ var expireDate = new Date(); expireDate.setDate(expireDate.getDate()+day);; //设置失效时间 //escape()汉字转成unicode编码,toGMTString() 把日期对象转成字符串 document.cookie=escape(sName) + '=' + escape(sValue) +';expires=' + expireDate.toGMTString(); }
以上代码将创建cookie封装成一个函数,第一个参数是cookie名,第二个是cookie值,第三个参数是过期时间。
cookie默认的过期时间是关闭浏览器的时候。
二.读取cookie:
function getCookies(){ var showAllCookie = ''; if(!document.cookie == ''){ var arrCookie = document.cookie.split('; '); var arrLength = arrCookie.length; for(var i=0;i<arrLength;i++){ showAllCookie += 'c_name:' + unescape(arrCookie[i].split('=')[0]) +'c_value:'+unescape(arrCookie[i].split('=')[1])+'<br>' } return showAllCookie; } }
以上代码可以获取所有的cookie,因为每一个cookie键值对与键值对之间是用分号分隔的,所以使用split()函数可以讲它们分隔为数组,然后使用for循环读出每一个cookie信息。
三.删除cookie:
在默认情况下,关闭浏览器cookie就会过期删除了,当然也可以人为的设置cookie过期,那就是设置cookie立马过期即可。
代码如下:
function removeCookie(){ if(document.cookie != '' && confirm('是否清除cookie')){ var arrCookie = document.cookie.split('; '); var arrLength = arrCookie.length; var expireDate = new Date(); expireDate.setDate(expireDate.getDate()-1); for(var i=0; i<arrLength; i++){ var str = arrCookie[i].split('=')[0]; document.cookie = str+ '=' + ';expires=' + expireDate.toGMTString(); } } }
以上代码可以设置cookie过期时间为当前时间,那么下一秒就过期了,相当于理解过期。
四.cookie的路径:
关于cookie的路径这里就不多介绍了,具体可以参阅js cookie路径简单介绍一章节。
五.cookie的同一域名下不同主机名问题:
关于此问题这里也不多做介绍了,可以参阅js cookie的同一域名下不同主机名问题一章节。
javascript读写cookie操作简单介绍,这样的场景在实际项目中还是用的比较多的,关于javascript读写cookie操作简单介绍就介绍到这了。