cookie是字符串而且还是一个特定格式的文本字符串
格式:cookieName=cookieValue;expires=expiresDate;path=URLpath;domain=siteDomain//cookie名称,失效日期,储存URL,储存域值;
cookie的创建方式
设置cookie我们一般都封装成一个函数:
function addCookie(sName,sValue,day) {
var expireDate = new Date();
expireDate.setDate(expireDate.getDate()+day);;
//设置失效时间
document.cookie = escape(sName) + ‘=’ + escape(sValue) +’;expires=’ + expireDate.toGMTString();6 //escape()汉字转成unicode编码,toGMTString() 把日期对象转成字符串
} www.jbxue.com
读取cookie
添加了cookie之后,如何来获取它呢,很简单:
function getCookies() {
var showAllCookie = ”;
if(!document.cookie == ”){
var arrCookie = document.cookie.split(‘; ‘);
//用spilt(‘; ‘)切割所有cookie保存在数组arrCookie中
var arrLength = arrCookie.length;
showAllCookie += ‘c_name:’ + unescape(arrCookie[i].split(‘=’)[0]) + ‘c_value:’ + unescape(arrCookie[i].split(‘=’)[1]) + ‘
‘ 9 }
return showAllCookie;
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);
var str = arrCookie[i].split(‘=’)[0];
document.cookie = str+ ‘=’ + ‘;expires=’ + expireDate.toGMTString();
} www.jbxue.com
用cookie做一个简单的计时器:
var cookieCount = {};
cookieCount.count = function () {
var count = parseInt(this.getCount(‘myCount’));
count++;
document.cookie = ‘myCount=’ + count + ”;
alert(‘第’+count+’访问’);
cookieCount.setCount= function () {
//首先得创建一个名为myCount的cookie
var expireDate = new Date();
expireDate.setDate(expireDate.getDate()+1);
document.cookie = ‘myCount=’ + ‘0’ +’;expires=’ + expireDate.toGMTString();
cookieCount.getCount = function (countName) {
//获取名为计数cookie,为其加1
var arrCookie = document.cookie.split(‘; ‘);
var arrLength = arrCookie.length;
var ini = true;
if(countName == arrCookie[i].split(‘=’)[0]){
return parseInt(arrCookie[i].split(‘=’)[1]);
break;
}else{
ini = false;
if(ini == false)this.setCount();
return 0;
cookieCount.count();
cookie的路径
本文开头的时候提到cookie的路径设置 cookie的路径:path=URL;
如果在域名的子目录创建的cookie,域名及其他同级目录或上级目录是访问不到这个cookie的,而通过设置路径的好处就是可以上域名以及域名的子类目录都可以访问到,如下:
document.cookie=’cookieName=cookieValue;expires=expireDate;path=/’。
cookie域
设置域:domain=siteDomain
这个主要用在同域的情况下共享一个cookie,例如 “www.taobao.com” 与 “ued.taobao.com” 两者是共享一个域名”taobao.com”,我们如果想让 “www.taobao.com” 下的cookie被 “ued.taobao.com” 访问,那么就需要把path属性设置为 “/”,并且设置 cookie 的domain–>document.cookie=’cookieName=cookieValue;expires=expireDate;path=/;domain=taobao.com’。
随着web的不断发展项目中的需要,HTML5提供了两个属性window.sessionStorage和window.localStorage,并携带了setItem,getItem,removeItem,clear等方法,使得本地存储数据的方法操作更为简单便利。
Original: https://www.cnblogs.com/linuxnotes/p/3672378.html
Author: snowfly123
Title: js cookie的读写
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/18136/
转载文章受原作者版权保护。转载请注明原作者出处!