一 什么是 Cookie
Cookie 是一些数据, 存储于你电脑上的文本文件中。
当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。
Cookie 的作用就是用于解决 "如何记录客户端的用户信息":
当用户访问 web 页面时,他的名字可以记录在 cookie 中。
在用户下一次访问该页面时,可以在 cookie 中读取用户访问记录。
Cookie 以名/值对形式存储,如下所示:
username=John Doe
当浏览器从服务器上请求 web 页面时, 属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息。
二 使用 JavaScript 创建Cookie
JavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookie。
JavaScript 中,创建 cookie 如下所示:
document.cookie="username=John Doe";
您还可以为 cookie 添加一个过期时间(以 UTC 或 GMT 时间)。默认情况下,cookie 在浏览器关闭时删除:
document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT";
您可以使用 path 参数告诉浏览器 cookie 的路径。默认情况下,cookie 属于当前页面。
document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";
三 使用 JavaScript 读取 Cookie
在 JavaScript 中, 可以使用以下代码来读取 cookie:
var x = document.cookie;
注意 document.cookie 将以字符串的方式返回所有的 cookie,类型格式: cookie1=value; cookie2=value; cookie3=value;
四 使用 JavaScript 修改 Cookie
在 JavaScript 中,修改 cookie 类似于创建 cookie,如下所示:
document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";
旧的 cookie 将被覆盖。
五 使用 JavaScript 删除 Cookie
删除 cookie 非常简单。您只需要设置 expires 参数为以前的时间即可,如下所示,设置为 Thu, 01 Jan 1970 00:00:00 GMT:
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
注意,当您删除时不必指定 cookie 的值。
六 Cookie 字符串
document.cookie 属性看起来像一个普通的文本字符串,其实它不是。
即使您在 document.cookie 中写入一个完整的 cookie 字符串, 当您重新读取该 cookie 信息时,cookie 信息是以名/值对的形式展示的。
如果您设置了新的 cookie,旧的 cookie 不会被覆盖。 新 cookie 将添加到 document.cookie 中,所以如果您重新读取document.cookie,您将获得如下所示的数据:
cookie1=value; cookie2=value;
七 代码
<script type="text/javascript"> var setCookie = function(name , value) { // 定义变量,保存当前时间 var expdate = new Date(); // 将expdate的月份 + 1。 expdate.setMonth(expdate.getMonth() + 1); // 添加Cookie document.cookie = name + "=" + escape(value) ; + "; expires=" + expdate.toGMTString() + ";"; } var getCookie = function(name) { // 访问Cookie的name开始处 var offset = document.cookie.indexOf(name) // 如果找到指定Cookie if (offset != -1) { // 从Cookie名后位置开始搜索 offset += name.length + 1; // 找到Cookie名后第一个分号(;) end = document.cookie.indexOf(";", offset) ; // 如果没有找到分号 if (end == -1) { end = document.cookie.length; } // 截断字符串中Cookie的值 return unescape(document.cookie.substring(offset, end)); } else { return ""; } } setCookie('user' , 'crazyit.org'); alert(getCookie('user')); </script>
八 运行结果
相关推荐
cookie javascript 应用 详解: 添加该cookie" onclick="add()" /> 读取所有cookie" onclick="getall()" /> 读取该名称cookie的值" onclick="get()" /> 删除该名称cookie" onclick="del()" /> </div>
JavaScript环境中网络课程开发之cookie技术应用研究 一、什么是Cookie? Cookie是由Netscape开发的作为持续保存状态信息和其他信息的方式。其本质是以一定格式存储特定信号的文本文件。Cookie首先是为CGI程序设计...
在这个实例中,我们结合了JavaScript和Cookie技术来实现这一功能。 首先,HTML部分定义了一个输入框(`<input id="txt" type="text">`)以及相关的CSS样式来创建下拉菜单的效果。CSS通过`.Menu`和`.Menu2`类设置了...
在JavaScript中,Cookie是一种在客户端存储少量数据的机制,它对于网页应用的用户状态管理和临时存储信息具有重要作用。本文将详细讲解如何封装一个Cookie操作类,实现对Cookie的增删改查功能。 首先,理解Cookie的...
在这个"cookie应用(javascript)"的压缩包中,包含了一个JS文件和两个HTML文件,显然是为了演示如何使用JavaScript来创建、读取和管理Cookie。 首先,我们需要理解Cookie的基本概念。Cookie是由服务器端发送到浏览器...
在实际应用中,XCookie可以用于实现诸如用户登录状态持久化、购物车功能、个性化设置保存等功能。同时,由于其开源特性,开发者可以根据项目需求对其进行定制或贡献代码。 总结一下,XCookie是一个实用的JavaScript...
"JavaScript开发-其它杂项" 暗示了Cookies.js是JavaScript开发工具的一部分,属于"其它杂项"类别,可能是因为Cookie操作在JavaScript开发中并非核心部分,但却是不可或缺的功能之一。这个标签表明Cookies.js可能是...
javascript操作cookie的三个函数非常方便。验证过的,实践过的。
在网页中实现Cookie功能是JavaScript的一个常见应用场景。Cookie是一种存储在用户浏览器上的小型文本文件,常用于管理用户会话、保存用户设置或者跟踪用户行为。在这个Java工程中,尽管主要编程语言是Java,但...
### JavaScript中Cookie对象用法实例分析 #### 一、引言 在Web开发中,Cookie是一种常用的技术,用于客户端保存用户...然而,在使用Cookie的过程中也需要考虑到安全性和浏览器兼容性等问题,确保应用的安全稳定运行。
在ASP.NET环境中,结合C#和JavaScript,我们可以实现跨语言的Cookie操作,以便于实现用户会话管理、个性化设置等功能。本文将详细探讨如何在C#后端和JavaScript前端中操作Cookie。 首先,C#在ASP.NET中处理Cookie...
本文主要讨论的是如何在Cookie中存储Array集合,这在实际应用中很常见,比如保存用户的购物车信息或者记录多条设置。在JavaScript中,由于Cookie的大小限制(通常为4KB)和只能存储字符串的特性,直接存储Array可能...
JavaScript中的Cookie是客户端数据存储的一种常见方式,主要用来在用户浏览器端存储小量信息,尤其适用于维护用户会话状态。本文将深入探讨Cookie的基本概念、组成部分、操作方法以及相关注意事项。 1. **Cookie的...
在实际应用中,我们还可以考虑添加更多的功能,如处理多个Cookie、设置路径和域、处理特殊字符等。通过封装这些操作,可以创建更高级的Cookie管理工具,方便在项目中使用。了解和熟练掌握这些基本操作对于Web开发者...
在实际应用中,这些功能使得Cookie.js非常灵活,无论是简单的会话管理、用户偏好设置还是更复杂的Web应用程序状态跟踪,都能胜任。由于它没有依赖其他库,所以它可以无缝集成到现有的JavaScript环境中,无论项目已经...
HttpOnly属性是提升Web应用安全性的有效手段,它可以阻止JavaScript对Cookie的访问,降低XSS攻击的危害。无论是Java还是PHP,设置HttpOnly属性都是相对简单的过程,只需在创建Cookie时指定相应的选项即可。为了确保...
总结,JavaScript Cookie是Web开发中不可或缺的一部分,用于在客户端持久化存储数据,理解其工作原理和使用方式对提升Web应用的功能和用户体验至关重要。在实际开发中,应合理利用Cookie,并注意相关的安全和性能...
需要注意的是,对于浏览器的同源策略和Cookie的安全性问题,我们需要在实际应用中合理配置相关参数,并且注意存储在Cookie中的敏感信息需要进行加密处理,以防止泄露。 最后,封装Cookie函数的应用接口是开发者在...
### JavaScript操纵Cookie实现购物车程序 #### 概述 在电子商务网站中,购物车功能是不可或缺的一部分。通过JavaScript操作Cookie可以实现一个简单的购物车系统。本文档将详细解析如何使用JavaScript来操纵Cookie...
JavaScript作为网页开发中最广泛使用的脚本语言之一,其事件处理机制、cookie的应用、定时任务的执行是前端开发的重要知识点,对于初学者来说,理解这些概念对于学习JavaScript至关重要。 ### 事件 (Event) 在Web...