这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JavaScript cookie 详解及简单实例应用的相关资料, 这里对 js cookie 的介绍及基本属性和简单应用做了详解,需要的朋友可以参考下
JavaScript cookie 详解
一、cookie 基本介绍
cookie 是 document 的对象。cookie 可以使得 JavaScript 代码能够在用户的硬盘上持久地存储数据,并且能够获得以这种方式存储的数据。cookie 还可以用于客户端脚本化。
cookie 数据可以自动地在 web 浏览器好 Web 服务器之间传递。
在浏览器中可以通过 navigator.cookieEnabled 属性检查浏览器的 cookie 功能是否被激活。
二、cookie 的基本属性
每个 cookie 都有四个可选的属性
1.expires
指定了 cookie 的生存期。将 expires 属性设定为未来的一个过期时间,即可让 cookie 在过期后失效。
现在用 max-age 属性来代替它,max-age 用秒来设置 cookie 的生命期。一旦超过了 max-age 的生命期,那个 cookie 就会被浏览器自动地从 cookie 文件中删除掉
2.path
指定了与 cookie 关联在一起的网页。默认情况下,cookie 会和创建它的网页以及与这个网页处于同一个目录下的网页和处于该目录的子目录下的网页关联。
这个主要设置了 cookie 对于网页的可见性。加入将 path 设置为 www.a.com/list,那么 www.a.com/list/a.html 和 www.a.com/list/b.html 都可以访问 cookie,但 www.a.com/comtain 不 能访问该 cookie。但是如果将 path 设置为 www.a.com/,那么 www.a.com/list 和 www.a.com/contain 都可以访问 cookie。
3.domain
默认只有来自同一 Web 服务器的页面才能访问 cookie,可以设置 domain。例如把 cookie 的 path 设定为 /,cookie 设定为. example.com,则所有位于 catalog.example.com 和 orders.example.com 的网页以及位于. example.com 域名下其他服务器的网页都能访问这个 cookie
注意:不能讲一个 cookie 的域设置为服务器所在的域之外的域
4.source
source 为一个布尔值,true 由不安全的 HTTP 传输(默认);false 只在浏览器和服务器通过 HTTPS 或其他的安全协议连接下才被传输。
三、cookie 的应用
一个 cookie 是一个字符串,有 name=value 这种结构组合而成。cookie 的例子:
version=1.0;max-age=3600
注意每段字符串之间不能包含逗号或者空格等,因此在写入 cookie 时需要使用 encodeURIComponent 去掉变量中的相关符号,读取时利用的 decodeURIComponent
要创建一个能够持续存在一年的 cookie:
- document.cookie = "version = " + document.lastModified + ";
- max - age = " + (60 * 60 * 24 * 365);
四、总结
虽然现在浏览器的存储技术越来越多,HTML5 也为 localStorage 带来了更高的性能体验,但是 cookie 仍然可以为我们处理很多事务,方便小型数据的交流。合理的使用 cookie,可以让我们的应用程序更加灵活。
来源: http://www.phperz.com/article/17/0512/328964.html