js页面如何设置cookies,javascript怎么设置

本文目录一览：

1、如何用js修改页面cookies
2、js 怎么重新设置cookie
3、怎样用jquery来设置cookie
4、怎么设置整个网站的cookie js
5、JS 操作 cookies 的方法

如何用js修改页面cookies

直接赋值。不设置时间的话，默认浏览器关闭cookie失效

document.cookie = “name=”+value;

写个函数动态调用

//设置或添加cookie

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());

怎样用jquery来设置cookie

一个轻量级的cookie 插件，可以读取、写入、删除 cookie。

jquery.cookie.js 的配置

首先包含jQuery的库文件，在后面包含 jquery.cookie.js 的库文件。

script type=”text/javascript” src=”js/jquery-1.6.2.min.js”/script

script type=”text/javascript” src=”js/jquery.cookie.js”/script

使用方法

1.新添加一个会话 cookie：

$.cookie(‘the_cookie’, ‘the_value’)

注：当没有指明 cookie有效时间时，所创建的cookie有效期默认到用户关闭浏览器为止，所以被称为

“会话cookie（session cookie）”。

2.创建一个cookie并设置有效时间为 7天:

$.cookie(‘the_cookie’, ‘the_value’, { expires: 7 })

注：当指明了cookie有效时间时，所创建的cookie被称为“持久 cookie （persistent cookie）”。

3.创建一个cookie并设置 cookie的有效路径：

$.cookie(‘the_cookie’, ‘the_value’, { expires: 7, path: ‘/’ })

注：在默认情况下，只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设

置的cookie，必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这

个路径设置为网站的根目录，可以让所有网页都能互相读取 cookie （一般不要这样设置，防止出现冲突）。

4.读取cookie：

$.cookie(‘the_cookie’); // cookie存在 = ‘the_value’

$.cookie(‘not_existing’); // cookie不存在 = null

5.删除cookie，通过传递null作为cookie的值即可：

$.cookie(‘the_cookie’, null)

———-相关参数的解释—————

1).expires: 365

定义cookie的有效时间，值可以是一个数字（从创建cookie时算起，以天为单位）或一个Date 对

象。如果省略，那么创建的cookie是会话cookie，将在用户退出浏览器时被删除。

2).path: ‘/’

默认情况：只有设置cookie的网页才能读取该cookie。

定义cookie的有效路径。默认情况下，该参数的值为创建 cookie 的网页所在路径（标准浏览器的行为）。

如果你想在整个网站中访问这个cookie需要这样设置有效路径：path: ‘/’。如果你想删除一个定义

了有效路径的 cookie，你需要在调用函数时包含这个路径:$.cookie(‘the_cookie’, null,

{ path: ‘/’ });。 domain: ‘example.com’

默认值：创建 cookie的网页所拥有的域名。

3).secure: true

默认值：false。如果为true，cookie的传输需要使用安全协议（HTTPS）。

4).raw: true

默认值：false。

默认情况下，读取和写入 cookie 的时候自动进行编码和解码（使用encodeURIComponent 编码，

decodeURIComponent 解码）。要关闭这个功能设置 raw: true 即可。

怎么设置整个网站的cookie js

js操作COOKIE，直接给document加上cookie就可以了，但是一般如果单个的加会很麻烦所以一般会直接写好一个函数，可以直接操作cookie，这样就很方便了

setCookie这个是写入cookie，第一个是名称，第二个是cookie值，第三个是过期时间

getCookie这个是查找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”;

}

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/237771.html