js cookie（js中如何获取Cookies的值）

本文目录

• js中如何获取Cookies的值
• 如何用js来操作cookie呢
• 静态页面怎么用js获取cookie
• js文件Cookie存取值的使用
• js操作cookie 添加，获取，删除，分别有什么参数，且各个参数代表什么特别是添加cookie的时候
• JS 操作 cookies 的方法
• js 如何读取cookie
• 如何使用js来获取cookie的值

js中如何获取Cookies的值

首先JS设置cookie:

假设在A页面中要保存变量username的值("jack")到cookie中,key值为name，则相应的JS代码为：

document.cookie="name="+username;

JS读取cookie:

var username=document.cookie.split(";");

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

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;i《arr.length;i++)
{
//arr2-》
var arr2=arr.split(’=’);
if(arr2==name)
{
var getC = decodeURIComponent(arr2);
return getC;
}
}
return ’’;
}
function removeCookie(name)
{
setCookie(name, ’1’, -1);
}

静态页面怎么用js获取cookie

如何使用js来获取cookie的值，读取属于当前文档的所有cookies，参考如下：
var allcookies = document.cookie;
定义一个函数，用来读取特定的cookie值。
function getCookie(cookie_name)
{
var allcookies = document.cookie;
var cookie_pos = allcookies.indexOf(cookie_name); //索引的长度
// 如果找到了索引，就代表cookie存在，
// 反之，就说明不存在。
if (cookie_pos != -1)
{
// 把cookie_pos放在值的开始，只要给值加1即可。
cookie_pos += cookie_name.length + 1;
var cookie_end = allcookies.indexOf(";", cookie_pos);
if (cookie_end == -1)
{
cookie_end = allcookies.length;
}
var value = unescape(allcookies.substring(cookie_pos, cookie_end)); //这里就可以得到想要的cookie的值了。
}
return value;
}
// 调用函数
var cookie_val = getCookie("username");

js文件Cookie存取值的使用

这篇文章主要介绍了js文件Cookie存取值的使用,需要的朋友可以参考下
代码如下:
/*
Cookie工具
使用方法:
//存值
var
value
=
"7天";
tools.cookie("day",value,
{expires:7});
//将字符串:"7天"
以
"day"这个key保存到cookie中5天
//取值
var
v
=
tools.cookie("day");
//用
"day"
这个key从cookie取出值
*/
tools.cookie
=
function(name,
value,
options)
{
if
(typeof
value
!=
’undefined’)
{
//
name
and
value
given,
set
cookie
options
=
options
||
{};
if
(value
===
null)
{
value
=
’’;
options.expires
=
-1;
}
var
expires
=
’’;
if
(options.expires
&&
(typeof
options.expires
==
’number’
||
options.expires.toGMTString))
{
var
date;
if
(typeof
options.expires
==
’number’)
{
date
=
new
Date();
date.setTime(date.getTime()
+
(options.expires
*
24
*
60
*
60
*
1000));
}
else
{
date
=
options.expires;
}
expires
=
’;
expires=’
+
date.toGMTString();
//
use
expires
//
attribute,
//
max-age
is
not
//
supported
by
IE
}
var
path
=
options.path
?
’;
path=’
+
options.path
:
’’;
var
domain
=
options.domain
?
’;
domain=’
+
options.domain
:
’’;
var
secure
=
options.secure
?
’;
secure’
:
’’;
document.cookie
=
[
name,
’=’,
encodeURIComponent(value),
expires,
path,
domain,
secure
].join(’’);
}
else
{
//
only
name
given,
get
cookie
var
cookieValue
=
null;
if
(document.cookie
&&
document.cookie
!=
’’)
{
var
cookies
=
document.cookie.split(’;’);
for
(
var
i
=
0;
i
《
cookies.length;
i++)
{
var
cookie
=
jQuery.trim(cookies);
//
Does
this
cookie
string
begin
with
the
name
we
want?
if
(cookie.substring(0,
name.length
+
1)
==
(name
+
’=’))
{
cookieValue
=
decodeURIComponent(cookie
.substring(name.length
+
1));
break;
}
}
}
return
cookieValue;
}
};

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 操作 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; i《cookieValue.length; i++)
{
startPos = cookieValue.indexOf(varName);
if (startPos != 0)
{
continue; //当前 cookie 不是名称为 varName 的 cookie，判断下一个 cookie
}
startPos += varName.length + 1; //当前 cookie 就是名称为 varName 的 cookie，由于有等号，所以 +1
endPos = cookieValue.length;
var css = unescape(cookieValue.substring(startPos, endPos));
return css;
}
return "main1";
}

js 如何读取cookie

1、获取所有cookie

function getCookies() { 
    var showAllCookie = ’’;
    if(!document.cookie == ’’){ 
        var arrCookie = document.cookie.split(’; ’); //用spilt(’; ’)切割所有cookie保存在数组arrCookie中 
        var arrLength = arrCookie.length; 
        for(var i=0; i《arrLength; i++) { 
        showAllCookie += ’c_name:’ + unescape(arrCookie) + ’《br》’ 9 
    } 
    return showAllCookie; 
    } 
}

2、通过名称读取cookie

function getCookie(name) 
{ 
    var arr,reg=new RegExp("(^| )"+name+"=(*)(;|$)");
    if(arr=document.cookie.match(reg))
        return unescape(arr); 
    else 
        return null; 
}

如何使用js来获取cookie的值

《!DOCTYPE HTML》
《html lang="en-US"》
《head》
《meta charset="UTF-8"》
《meta name="keywords" content="白菜部"》
《title》白菜部《/title》
《style type="text/css"》
《/style》
《script type="text/javascript"》
function readCookie (name)
    {
    var cookieValue = "";
    var search = name + "=";
    if (document.cookie.length 》 0)
    {
    offset = document.cookie.indexOf (search);
    if (offset != -1)
    {
    offset += search.length;
    end = document.cookie.indexOf (";", offset);
    if (end == -1)
    end = document.cookie.length;
    cookieValue = unescape (document.cookie.substring (offset, end))
    }
    }
    return cookieValue;
    }
    function writeCookie (name, value, hours)
    {
    var expire = "";
    if (hours != null)
    {
    expire = new Date ((new Date ()).getTime () + hours * 3600000);
    expire = "; expires=" + expire.toGMTString ();
    }
    document.cookie = name + "=" + escape (value) + expire;
    }
    
    writeCookie ("myCookie", "my name", 24);
    alert (readCookie ("myCookie"));
《/script》
《/head》
《body》
《/body》
《/html》