在 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[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";
}
由于写 cookie 时使用了 escape,所以返回 cookie 值时使用 unescape 进行解码。
/>正确使用cookies的属性
首先看看cookies的结构
我们这里所说的 cookie 结构并非其存储结构,而是其表现结构,主要通过研究其表现结构来实现 JS(JavaScript) 对 cookie 的操作。
cookie 的表现结构较为简单,每个 cookie 由 cookie 名称 和 cookie 值组成,用等号表示二者关系,各个
cookie 之间用分号加空格隔开。正如前面所说 expires、path、domain 均不可读,所以在表现结构中也没有体现出来。
cookieName1=cookieValue1; cookieName2=cookieValue2[...; cookieNamen=cookieValuen]
通过分隔分号加空格符号,就可以获得各个 cookie,再通过分隔等号,就可以得出各个 cookie 的名称和值。
cookie 的子键,只是表现在 cookieValue 上,一个子键的结构是:子键名称=子键值,多个子键之间用 & 连接起来。比如:
cookieName1=子键名称1=子键值1&子键名称2=子键值2
如果是 ASP 文件,我们会发现 cookie 结构中有这样一段字符串:ASPSESSIONIDQSTDRATQ=24位字符
关于此,查看:http://www.aspxuexi.com/aspbasic/cookie/2006-6-10/Session_Cookie.htm
同名的 cookie,不同的 domain 或不同的 path,属不同的 cookie;
同名的 cookie,相同的 domain 且相同的 path,不同的 expires,属同一个 cookie。
cookie 有路径--path,表示哪些路径下的文件有权限读取该 cookie。
path 应该以 "/" 结尾,同名 cookie,不同 path,属不同的 cookie
document.cookie = "N1=1; path=/path/";
document.cookie = "N1=2; path=/path";
document.cookie = "N1=3; path=path/";
如上代码,前两句使用的是绝对路径,即相对于站点根目录的网页目录,第三句使用的是相对路径,相对于当前目录的。
第一句和第二句在于结尾不同,虽然他们所表达的权限相同,但是由于 path 字符串不同,会形成两个同名的 cookie,容易造成混乱,我们建议不要使用第二句这种格式,因为系统默认也是以 "/" 结尾的。
所以如上述是三个 cookie,之间不会相互覆盖。
path 属性值有大小写之分,应与浏览器中的地址栏的输入一致
document.cookie = "N1=1; path=/path/";
document.cookie = "N1=2; path=/paTH/";
这是两个不同的 cookie,因为 path 属性值大小写不同,如果我们在地址栏输入的是 path,那么就读取第一个 N1,如果我们输入的是 paTH,那么就读取第二个 N1
path 不可读
同 expires 一样,path 只可写,不可读。
path 不可更改
同 expires 不一样,如果我们试图更改 path,那么实际上我们是另外写了一个 cookie,而不是更改了 path 值。
path 权限有继承性
假如指定了 /test/ 目录有权限读取某 cookie,那么 /test/ 之下的目录 /test/t/ 也有权限读取该 cookie。
cookie 有失效日期--expires,如果还没有过失效期,即使重新启动电脑,cookie 仍然不会丢失,如果没有指定 expires 值,那么在关闭浏览器时,cookie 即失效。
在 JS(JavaScript) 中使用 expires 时应该和 cookie 同时写入,如:
document.cookie = "clr=red; expires=" + expiresDate;
而如下写法是不正确的:
document.cookie = "clr=red";
document.cookie = "expires=" + expiresDate;
这样写会形成两个 cookie,第二个 cookie 的名称是 expires,两个 cookie 均没有指定失效日期。
expires 不可读
这就是为什么,我们在 ASP 中使用 response.Write request.cookies("cname").expires 会出错,同样在 JS(JavaScript) 中使用 document.cookie 也不会显示出 expires。
expires 值应该使用 GMT 格式的时间
var the_date = new Date("December 31, 2020");
var expiresDate = the_date.toGMTString(); //转换成 GMT 格式。编者者: GMT 即格林威治标准时间,现在也称 UTC 即全球标准时间。
分享到:
相关推荐
### JavaScript 操作 Cookies 及正确使用 Cookies 的属性 #### 一、Cookies 概述 Cookies 是一种用于在用户浏览器上存储小型数据的技术,通常用于跟踪用户的偏好设置、身份验证状态等。通过 JavaScript,开发者...
本篇文章将详细讲解JavaScript操作Cookies的方法和应用场景。 一、Cookies的基本原理 Cookies是由服务器端设置,并由客户端(浏览器)存储的小型文本文件。每个Cookie都有一个唯一的名称和值,以及可选的属性,如...
掌握如何用JavaScript操作cookies对于Web开发人员来说是非常重要的。 **读取Cookies** 在JavaScript中读取cookie的值,需要理解document.cookie对象返回的是一个字符串,它包含了当前域名下所有的cookie信息。读取...
**Cookie的简介** Cookie是一种在客户端和服务器之间传递信息的小型文本文件,它由服务器端创建并...总的来说,Cookie是Web开发中不可或缺的一部分,理解其原理和正确使用方法对于构建高效、安全的Web应用至关重要。
综上所述,通过JavaScript操作Cookies不仅能够增强网页的功能性,还能提供更加个性化的用户体验,是前端开发中不可或缺的一部分。然而,值得注意的是,在使用Cookies时也应关注隐私和安全问题,避免不必要的数据泄露...
HTTP Cookies是互联网上的一种机制,用于在客户端(用户的浏览器)和服务器之间存储和传递小量信息。这个概念在Web开发中扮演着至关重要的...在现代Web开发中,理解和正确使用Cookie对于创建高效、安全的网站至关重要。
【标题】: "理解Cookies:安全浏览与隐私保护" 【正文】: Cookies是网络浏览过程中不可或缺的一部分,它们是由网站...在互联网世界中,明智地使用Cookies,让我们既能享受到个性化的服务,又能保护自己的隐私安全。
- **JS Where To**:指导开发者在网页中正确放置JavaScript代码的位置,确保代码能够被浏览器正确解析。 #### JS语法与结构 - **JS Statements**:陈述语句是JavaScript编程的基础,介绍各种类型的语句及其用法。 ...
本文将深入探讨如何使用jQuery操作Cookies,包括添加、读取和删除Cookies,以及设置它们的有效期限和路径。 首先,为了使用jQuery的Cookie插件,你需要确保已经正确地下载和引入了jQuery库以及`jquery.cookie.js`...
3. **JavaScript的语法结构**:讲述变量、数据类型、表达式、操作符、控制流和函数的用法,以及事件处理。难点在于理解和应用事件触发机制。 4. **用户自定义对象**:介绍对象、实例和数组对象的概念,教授如何在...
本文将详细讨论如何使用Chrome的`chrome.cookies` API来监听和处理Cookie的变化以及进行赋值操作。 首先,`chrome.cookies.onChanged`是Chrome扩展API中的一个事件监听器,它允许开发者注册一个回调函数,当任何...
js-cookie库允许开发者自定义序列化和反序列化机制,这意味着你可以根据需求定制如何将JavaScript对象转换为Cookie字符串,以及如何将接收到的Cookie字符串还原为JavaScript对象。 4. **跨域支持** 通过配置`...
综合来看,本文档提供了一套完整的JavaScript操作cookies的工具函数集合,可以帮助开发者根据具体需求,实现对cookies的增删改查。需要注意的是,由于浏览器对cookies的数量和大小有限制,所以在使用时应当注意这些...
- **表单验证**:在用户提交表单之前,JavaScript可以帮助进行前端验证,确保数据格式正确,减少后端负载。 - **浏览器检测**:可以根据用户的浏览器类型或版本执行不同的代码,以兼容不同浏览器环境。 - **Cookies ...
6. **文档对象**:介绍如何通过JavaScript操作DOM树。 7. **Cookies管理**:讲解如何设置、读取和删除Cookies。 #### 七、事件处理 1. **浏览器兼容性问题**:不同浏览器在事件处理方面的差异。 2. **事件类型...
- 了解如何避免全局变量污染,减少DOM操作,合理使用缓存,以及利用事件委托等技巧来提升JavaScript代码的运行效率。 10. 测试与调试: - 学习使用Chrome开发者工具或其他调试工具,进行断点调试、查看运行时信息...
6. **BOM处理**:浏览器对象模型(BOM)允许JavaScript操作浏览器窗口、历史记录、cookies等,实现如弹出新窗口、设置或获取窗口尺寸、管理浏览器历史等功能。 7. **事件处理**:JavaScript通过事件驱动模型与用户...
4. **操作HTML元素**:JavaScript能够读取、更改或删除HTML元素的属性和内容,从而实现更复杂的界面交互。 5. **表单验证**:在用户提交表单前,JavaScript可以对输入的数据进行验证,确保数据的正确性和完整性。 6....