cookie是浏览器提供的一种机制,它可以将用户访问网站的信息记录下来,可以通过cookie对访问网站的用户进行跟踪
cookie使用的场合(这就是废话!呵呵)
保存用户的登录信息、跟踪用户的行为、定制页面 、创建购物车等;
平时我们很少用js来操作cookie ,不过像网上一些换皮肤的功能都是通过js来操作cookie来控制css的
在JavaScript中,可以通过访问document对象的cookie属性来设置保存在客户端的cookie值。
每个cookie值都是一个“键/值”对,多个cookie值之间使用分号和空格(; )进行分隔。(这个和平时控制cookie没什么区别)
js操作cookie语法
document.cookie = "name=value;expriess=date;path=path;domain=domain_name;secure";
name = value
这是每个cookie必须的部分,name是指cookie的名称,value是该cookie的值。
expriess = date;
expriress 变量是一个可选的变量,它定义了cookie有效终止日期。date值必须按照特定的格式书写:
Wdy,DD-Mon-YYY Y HH:MM:SS GTM,如果不定义此变量,册cookie不会保存在硬盘中,仅保存在内存中,如果要将cookie销毁 则设置 expriress的时间 小于当前时间即可。
domain = domain_name
这是个可选变量,它定义了哪些域中的web服务器可读取次cookie,如果不定义此变量那么将会设置cookie的domain变量值为改web的服务器域名。
path=path
这个也是可选变量,它定义了web服务器上的哪些路径下的网页可以获取该服务器设置的cookie
secure
在cookie中标记改变量,表示只有当前浏览器和web服务器之间的通信协议为加密认证协议时,浏览器才像服务器提交相应的cookie,在当前这中协议只有一种即为HTTPS
将“键/值”对直接赋值给document.cookie属性,就完成了cookie值的添加
document.cookie = "userId=001";
document.cookie = "username=fox";
只要为同名的cookie重新赋值,就可以更改原cookie中保存的值,而其他cookie值不会受到任何影响。
document.cookie="username=jason";
可以设置cookie的失效时间,这样可以将其值以文本的形式保存在用户的硬盘上。
var date = new Date();
date.setTime(date.getTime()+60*1000);
document.cookie="userId=001; expires=" + date.toGMTString();
如果想删除某个cookie值,只需把指定cookie的失效时间设置的比当前时间早即可
var date = new Date();
date.setTime(date.getTime()-1);
document.cookie="username=jason;
expires=" + date.toGMTString();
设置可访问cookie的路径
默认情况下,如果在网站的某一页面下创建了一个cookie,那么该页面所在目录下的其他页面也可以访问该cookie,包括该目录的子目录所包含的页面也能访问。
可以在创建cookie时使用path参数指定有权访问该cookie的目录:
document.cookie = "name=value; path=cookieDir";
//可以在整个网站中访问名字为username的cookie
document.cookie = "username=cooler; path=/";
//只能在photo目录中访问名称为kind的cookie
document.cookie = "kind=animal; path=/photo";
设置可访问cookie的主机名
可以在创建cookie时通过设置domain参数对访问cookie的主机进行控制
document.cookie = "name=value; domain=cookieDomain";
//在blog.xxx.com 也可以访问 名为www.xxx.com中的cookie
document.cookie = "name=value; domain=.xxx.com";
分享到:
相关推荐
javascript 操作cookiejavascript 操作cookiejavascript 操作cookie
js写的方法,可以设置cookie和获取cookie值,简单易懂
js中cookie的创建和读取单个cookie值,以及设置cookie的过期时间。 能够判断是否有自己需要查找的cookie,如果没有查到到就可以执行创建语句
JS的COOKIE设置和清楚,写好的一个函数,方便调用,可直接写成函数的方式
cookie设置插件jquery.cookie.min.js 文章《javascript设置cookie高级篇可跨域访问》https://blog.csdn.net/cplvfx/article/details/117822956
js对cookie操作的封装 包含jquery对cookie的操作和纯javascript对cookie操作
Js 操作cookie源码封装Js 操作cookie源码封装
并且在Cookie详解这篇文章中,介绍了如何在服务器端和使用JavaScript创建Cookie,并设置属性。 我们知道,Cookie是存储在客户端的,并且现在前后端分离慢慢变得流行起来,因此如何在浏览器上可以使用方便快捷的...
js_cookie源码下载,js-cookie用于操作cookie,笔者是因为一开始不会弄,后来会整下来了,鉴于自身经历,故将其分享出来。
js操作Cookie子键+Jquery调用Ajax方法执行后台操作 返回值给前台。详细注释 Demo
js写入cookie js读取cookie
js操作cookie.pdf
javascript对cookie的日常操作
使用JS创建Cookie,已经经过本人的测试. 属于发行版,QQ等各大知名网站都是用本方式写入cookie 新手也一看就会,是JS增强的好案例~!
cookie的一些操作函数的封装,如:添加、删除、获取cookie中key对应的Value值、判断cookie是否存在
用JavaScript操作Cookie实现菜单保存的一个实例,如果你正在编写一个JS层拖动的功能,那么这段代码可以帮你实现拖动位置的保存,让浏览器去保存用户拖动网页某个层的位置
//设置cookie的值 $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等 $.cookie('the_cookie', 'the_value'); //新建...