JavaScript cookie详解及简单实例应用（图文教程）

这篇文章主要介绍了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);

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

NodeJS无所不能：细数10个令人惊讶的NodeJS开源项目

JS中this的指向以及call、apply的作用（图文教程）

js中对小数取整的方法有哪些？（图文教程）

以上就是JavaScript cookie详解及简单实例应用（图文教程）的详细内容，更多请关注其它相关文章！