js之操作cookie

Posted 2020-11-08 ygk1992

 

js通过document.cookie获取所有的cookie信息，

cookie在存储的格式是键值对，key=value每个键值对之间用; (分号和空格隔开)。

添加cookie和修改cookie的值可以用

document.cookie="键值对";

如何获取制定键名称的cookie的值

function getCooikeByname(key)

{

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

　　for ( var i = 0; i < arr.length; i++ )

　　{

　　　　res = arr[i].split("=");

　　　　if ( key == res[0] )

　　　　{

　　　　　　return res[1];

　　　　}

　　}

　　return ‘‘;
}

 

1、如何设置cookie的过期时间，如果不设置cookie过期时间，则浏览器关闭的时候，cookie就会失效。

通过设置expires键的值设置cookie的过期时间expires的值是GMT格式的时间字符串。

 

2、制定可访问cookie的路径

 

默认情况下，在某个页面创建的cookie信息，只能在当前目录下可见，或者它的子目录可见。不在同目录下的文件不可见。

可以通过设置path键的值来制定的cookie的可见路径。

其中cookieDir表示可访问cookie的目录。例如： 
document.cookie="userId=320; path=/shop"; 
就表示当前cookie仅能在shop目录下使用。 
如果要使cookie在整个网站下可用，可以将cookie_dir指定为根目录，例如： 
document.cookie="userId=320; path=/"; 

 

3、制定可以访问cookie的主机名称

主机名称是同一个域名下的不同主机。例如

www.google.com和gmail.google.com是.google.com域下的两个不同的主机。默认情况下这两个主机是不能访问cookie的。

可以通过设置domain的值（domain的值是域名称）

以google为例，要实现跨主机访问，可以写为： 
document.cookie="name=value;domain=.google.com"; 
这样，所有google.com下的主机都可以访问该cookie。