本文目录一览：
- 1、如何用cookie 保存 js选择的参数？看下面的js，这是个css样式切换js效果，怎样用cookies保存选择了的效果
- 2、js设置cookie的简单方法
- 3、js操作cookie 添加，获取，删除，分别有什么参数，且各个参数代表什么。特别是添加cookie的时候。
- 4、JS设置cookie值
- 5、js中如何获取Cookies的值
- 6、js 怎么重新设置cookie
如何用cookie 保存 js选择的参数？看下面的js，这是个css样式切换js效果，怎样用cookies保存选择了的效果
设置cookie：
document.cookie="cookie名="+一个js变量
例如：var arr
document.cookie="mycookie="+arr
js设置cookie的简单方法
一，js设置cookie的用处
php可以设置cookie的，用js来设置cookie有什么好处呢？在前端进行操作时，有的时候要传很多参数，这个时候，我们可以把这些参数拼接到url后面进行传值，那边在接收参数，不过这样挺麻烦的，如果把这些数据放到cookie里面，就开发者的开发效率来说，我想会高一些，以淘宝为例，他有一级分类，二级分类，三级，四级，我们找商品的时候，可能会牵扯到很多条件，如果把这些条件都放到cookie里面，我感觉就方便多了，不知道淘宝是不是这样的。淘宝的url是加了密的，并且好长，有可能是根在url的后面。费话不多说看一个小例子。
二，js实例
调用一下上面方法：
setCookie("test","tank",1800); //设置cookie的值，生存时间半个小时
alert(getCookie('test')); //取得cookie的值，显示tank
clearCookie("test"); //删除cookie的值
alert(getCookie('test')); //test对应的cookie值为空，显示为false.就是getCookie最后返的false值。
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的方法至于里面的值 直接定义
JS设置cookie值
// 保存值
var value = document.getElementById("wenben1").value;
document.cookie = 'wenben1='+value;// 保存一个值
document.cookie = 'a=12,b=34,c=56'; // 保存多个值
// 取值
var b = document.cookie; // 结果 b = 'a=12,b=34,c=56';具体要其中的哪个值再去分割
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
这个看你有没有使用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());
