一、从写 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属性，而且这个属性读取和赋值操作很怪异。
读取
var cookie=document.cookie//获取cookie，返回的是所有能读取的cookie键值对，多个cookie之间用" "分隔，如"cookie1=value1 cookie2=value2"设置cookie值不会把其他非同名的cookie覆盖的，而且一次只能设置一个cookie
document.cookie="cookie3=value3 参数1=参数值1 参数2=参数值2"//这个只设置cookie3，参数可以是path、过期时间等，如果cookie3已经存在就会被覆盖，其他的cookie不受影响，这个和读取cookie相比，很怪异吧，如果是所有浏览器都提供属性的get和set方法稍微看的舒服一点。设置cookie的时候，各值之间不能存在空格，你改成
document.cookie=”userId=828userName=hulk” (分号后是没有空格的)
