本文目录一览：
- 1、如何用cookie 保存 js选择的参数？看下面的js，这是个css样式切换js效果，怎样用cookies保存选择了的效果
- 2、js中如何获取Cookies的值
- 3、如何用js来操作cookie呢？
- 4、js 怎么重新设置cookie
- 5、JS 操作 cookies 的方法
- 6、js操作cookie 添加，获取，删除，分别有什么参数，且各个参数代表什么。特别是添加cookie的时候。
如何用cookie 保存 js选择的参数？看下面的js，这是个css样式切换js效果，怎样用cookies保存选择了的效果
设置cookie：
document.cookie="cookie名="+一个js变量
例如：var arr
document.cookie="mycookie="+arr
js中如何获取Cookies的值
首先JS设置cookie:
假设在A页面中要保存变量username的值("jack")到cookie中,key值为name，则相应的JS代码为：
document.cookie="name="+username;
JS读取cookie:
var username=document.cookie.split(";")[0].split("=")[1];
function setCookie(name,value)
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name +"="+ escape (value) +";expires=" + exp.toGMTString();
}
读取cookies
function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
扩展资料
服务器可以利用Cookies包含信息的任意性来筛选并经常性维护这些信息，以判断在HTTP传输中的状态。Cookies最典型的应用是判定注册用户是否已经登录网站，用户可能会得到提示，是否在下一次进入此网站时保留用户信息以便简化登录手续，这些都是Cookies的功用。
另一个重要应用场合是“购物车”之类处理。用户可能会在一段时间内在同一家网站的不同页面中选择不同的商品，这些信息都会写入Cookies，以便在最后付款时提取信息。
如何用js来操作cookie呢？
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=0;iarr.length;i++)
{
//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);
}
js 怎么重新设置cookie
这个看你有没有使用cookie的插件
如果使用，可以看看具体的插件使用指导
例如:不同的 系统可能会用不同的创建，像傲隆盛 jquery.cookie.js或者看如下的小案例：
1.生成一个cookie，名称为user，内容为liayun：
$.cookie("user","liayun");
2.cookie的参数设置：
$.cookie("user","liayun", {
expires:7, //过期时间，7天后过期
path:"/", //根目录，path的作用就是设置路径，根目录到底所谓何???
});
$.cookie("aaa","bbb", {
//domain:"" //设置域名，可以发现名为aaa的cookie并没有建立，为何???
secure:true //发送条件：仅限加密连接 默认为false，需要使用安全协议https
});
综上所述，除了expires这个参数有用，其他根本就没什么鸟用！！！
3.读取cookie数据：
alert($.cookie("user")); //liayun
alert($.cookie("aaa")); //undefined，名为aaa的cookie的参数secure为true，因为需要使用安全协议https，而我们一般使用http协议，所以返回undefined
$.cookie("ccc",""); //自动编码为：%E6%9D%8E%E9%98%BF%E6%98%80
alert($.cookie("ccc")); //自动解码为：
4.关闭编码/解码，默认为false：
$.cookie.raw = true;
$.cookie("ddd",""); //没有自动编码，
alert($.cookie("ddd")); //
5.读取所有cookie数据：
alert($.cookie());
JS 操作 cookies 的方法
在 JS(JavaScript) 操作cookies比较复杂，在 ASP 里面我们只需要知道 cookie 的名称、cookie 的值就行了，而 JS 里面，我们面对的是 cookie 的字符串，你自己编写这个字符串写入客户端，然后自己解析这个字符串。
一、从写 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=0; icookieValue.length; i++)
{
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";
}
js操作cookie 添加，获取，删除，分别有什么参数，且各个参数代表什么。特别是添加cookie的时候。
这里的SetCookie 是自己定义的一个函数
如：
function setCookie(name, value, expire) {
window.document.cookie = name + "=" + escape(value) + ((expire == null) ? "" : ("; expires=" + expire.toGMTString()));
}
所以里面的这些参数都是直接定义的JS只有window.document.cookie 定义cookie的方法至于里面的值 直接定义
