一、从写 cookie 说起。
var the_date = new Date("December 31, 2020")
var expiresDate = the_date.toGMTString()
document.cookie = "userDefineCSS=" + escape(title) + "expires=" + expiresDate
第一句是日期对象;
第二句将日期格式转换成 GMT 格式;编者者: GMT 即格林威治标准时间,现在也称 UTC 即全球标准时间。
第三句是将 cookie 内容写入客户端。
其中 expires 是系统使用的,表示 cookie 的失效日期(也可以省略),expires 不可读。
escape 是对 cookie 值进行编码,这是为了处理中文、空格等而设立的。
二、取 cookie 是比较简单的。
function GetCSS()
{
var cookieStr = document.cookie//取 cookie 字符串,由于 expires 不可读,所以 expires 将不会出现在 cookieStr 中。
if (cookieStr == "")
{
return "main1"//没有取到 cookie 字符串,返回默认值
}
var cookieValue = cookieStr.split("")//将各个 cookie 分隔开,并存为数组,多个 cookie 之间用分号加空隔隔开,不过前面我们只使用了一个 cookie,它的值与 expires 之间也是用分号加空格隔开的
var varName = "userDefineCSS"
var startPos = -1
var endPos = -1
for (var i=0i<cookieValue.lengthi++)
{
startPos = cookieValue[i].indexOf(varName)
if (startPos != 0)
{
continue//当前 cookie 不是名称为 varName 的 cookie,判断下一个 cookie
}
startPos += varName.length + 1//当前 cookie 就是名称为 varName 的 cookie,由于有等号,所以 +1
endPos = cookieValue[i].length
var css = unescape(cookieValue[i].substring(startPos, endPos))
return css
}
return "main1"
}
第一种:用原生的document.cookie读取cookie//读取cookies
function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^]*)(|$)")
if(arr=document.cookie.match(reg))
return unescape(arr[2])
else
return null
}
使用示例:
getCookie("name")
第二种是用 jquery.cookie .js操作cookie,读取cookie如下:
$.cookie('name')
js操作COOKIE,直接给document加上cookie就可以了,但是一般如果单个的加会很麻烦所以一般会直接写好一个函数,可以直接操作cookie,这样就很方便了
setCookie这个是写入cookie,第一个是名称,第二个是cookie值,第三个是过期时间
getCookie这个是查找cookie
removeCookie这是你需要删除的cookie
function setCookie(name, value, iDay){
var oDate=new Date()
oDate.setDate(oDate.getDate()+iDay)
document.cookie=name+'='+encodeURIComponent(value)+'expires='+oDate
}
function getCookie(name)
{
var arr=document.cookie.split(' ')
var i=0
for(i=0i<arr.lengthi++)
{
//arr2->['username', 'abc']
var arr2=arr[i].split('=')
if(arr2[0]==name)
{
var getC = decodeURIComponent(arr2[1])
return getC
}
}
return ''
}
function removeCookie(name)
{
setCookie(name, '1', -1)
}