`
cakin24
  • 浏览: 1397114 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

Javascript中的Cookie应用

阅读更多
一 什么是 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>
 
 
八 运行结果

 
  • 大小: 1.4 KB
1
0
分享到:
评论

相关推荐

    cookie 在javascript中的应用

    cookie javascript 应用 详解: 添加该cookie" onclick="add()" /&gt; 读取所有cookie" onclick="getall()" /&gt; 读取该名称cookie的值" onclick="get()" /&gt; 删除该名称cookie" onclick="del()" /&gt; &lt;/div&gt;

    JavaScript环境中网络课程开发之cookie技术应用研究.pdf

    JavaScript环境中网络课程开发之cookie技术应用研究 一、什么是Cookie? Cookie是由Netscape开发的作为持续保存状态信息和其他信息的方式。其本质是以一定格式存储特定信号的文本文件。Cookie首先是为CGI程序设计...

    javascript 文本框下拉提示与cookie应用实例

    在这个实例中,我们结合了JavaScript和Cookie技术来实现这一功能。 首先,HTML部分定义了一个输入框(`&lt;input id="txt" type="text"&gt;`)以及相关的CSS样式来创建下拉菜单的效果。CSS通过`.Menu`和`.Menu2`类设置了...

    Javascript Cookie操作类的封装

    在JavaScript中,Cookie是一种在客户端存储少量数据的机制,它对于网页应用的用户状态管理和临时存储信息具有重要作用。本文将详细讲解如何封装一个Cookie操作类,实现对Cookie的增删改查功能。 首先,理解Cookie的...

    cookie应用(javascript)

    在这个"cookie应用(javascript)"的压缩包中,包含了一个JS文件和两个HTML文件,显然是为了演示如何使用JavaScript来创建、读取和管理Cookie。 首先,我们需要理解Cookie的基本概念。Cookie是由服务器端发送到浏览器...

    javascript cookie 操作框架 XCookie

    在实际应用中,XCookie可以用于实现诸如用户登录状态持久化、购物车功能、个性化设置保存等功能。同时,由于其开源特性,开发者可以根据项目需求对其进行定制或贡献代码。 总结一下,XCookie是一个实用的JavaScript...

    CookiesjsJavaScript客户端的Cookie操作库

    "JavaScript开发-其它杂项" 暗示了Cookies.js是JavaScript开发工具的一部分,属于"其它杂项"类别,可能是因为Cookie操作在JavaScript开发中并非核心部分,但却是不可或缺的功能之一。这个标签表明Cookies.js可能是...

    javascript cookie 的应用

    javascript操作cookie的三个函数非常方便。验证过的,实践过的。

    javascript实现cookie功能

    在网页中实现Cookie功能是JavaScript的一个常见应用场景。Cookie是一种存储在用户浏览器上的小型文本文件,常用于管理用户会话、保存用户设置或者跟踪用户行为。在这个Java工程中,尽管主要编程语言是Java,但...

    javascript中cookie对象用法实例分析.docx

    ### JavaScript中Cookie对象用法实例分析 #### 一、引言 在Web开发中,Cookie是一种常用的技术,用于客户端保存用户...然而,在使用Cookie的过程中也需要考虑到安全性和浏览器兼容性等问题,确保应用的安全稳定运行。

    C#和javascript操作cookie

    在ASP.NET环境中,结合C#和JavaScript,我们可以实现跨语言的Cookie操作,以便于实现用户会话管理、个性化设置等功能。本文将详细探讨如何在C#后端和JavaScript前端中操作Cookie。 首先,C#在ASP.NET中处理Cookie...

    Javascript中关于Cookie存储Array集合

    本文主要讨论的是如何在Cookie中存储Array集合,这在实际应用中很常见,比如保存用户的购物车信息或者记录多条设置。在JavaScript中,由于Cookie的大小限制(通常为4KB)和只能存储字符串的特性,直接存储Array可能...

    JavaScript数据存储 Cookie篇

    JavaScript中的Cookie是客户端数据存储的一种常见方式,主要用来在用户浏览器端存储小量信息,尤其适用于维护用户会话状态。本文将深入探讨Cookie的基本概念、组成部分、操作方法以及相关注意事项。 1. **Cookie的...

    使用JavaScript实现Cookie的增删改查操作

    在实际应用中,我们还可以考虑添加更多的功能,如处理多个Cookie、设置路径和域、处理特殊字符等。通过封装这些操作,可以创建更高级的Cookie管理工具,方便在项目中使用。了解和熟练掌握这些基本操作对于Web开发者...

    cookiejs一个用于处理浏览器cookie的简单轻量级JavaScriptAPI

    在实际应用中,这些功能使得Cookie.js非常灵活,无论是简单的会话管理、用户偏好设置还是更复杂的Web应用程序状态跟踪,都能胜任。由于它没有依赖其他库,所以它可以无缝集成到现有的JavaScript环境中,无论项目已经...

    cookie中设置了HttpOnly属性,那么通过js脚本将无法读取到cookie信息,这样能有效的防止XSS攻击.zip_js设置cookie值

    HttpOnly属性是提升Web应用安全性的有效手段,它可以阻止JavaScript对Cookie的访问,降低XSS攻击的危害。无论是Java还是PHP,设置HttpOnly属性都是相对简单的过程,只需在创建Cookie时指定相应的选项即可。为了确保...

    javascript.cookie

    总结,JavaScript Cookie是Web开发中不可或缺的一部分,用于在客户端持久化存储数据,理解其工作原理和使用方式对提升Web应用的功能和用户体验至关重要。在实际开发中,应合理利用Cookie,并注意相关的安全和性能...

    javascript封装 Cookie 应用接口

    需要注意的是,对于浏览器的同源策略和Cookie的安全性问题,我们需要在实际应用中合理配置相关参数,并且注意存储在Cookie中的敏感信息需要进行加密处理,以防止泄露。 最后,封装Cookie函数的应用接口是开发者在...

    Javascript操纵Cookie实现购物车程序.txt

    ### JavaScript操纵Cookie实现购物车程序 #### 概述 在电子商务网站中,购物车功能是不可或缺的一部分。通过JavaScript操作Cookie可以实现一个简单的购物车系统。本文档将详细解析如何使用JavaScript来操纵Cookie...

    JavaScript入门之事件、cookie、定时等

    JavaScript作为网页开发中最广泛使用的脚本语言之一,其事件处理机制、cookie的应用、定时任务的执行是前端开发的重要知识点,对于初学者来说,理解这些概念对于学习JavaScript至关重要。 ### 事件 (Event) 在Web...

Global site tag (gtag.js) - Google Analytics