JavaScript 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，可以让我们的应用程序更加灵活。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！