浅谈localStorage、sessionStorage 与cookie

　　因为工做的须要，今天使用了下localStorage、sessionStorage和cookie，感受这玩意儿还挺好用的。

　　关于localStorage与sessionStorage的知识点以及用法以前说过，这里就再也不赘述了（详情见 HTML5 web存储）。

　　这里主要说一下cookie。分为javascript中的cookie 与jquery中的cookie。

　　（1）、javascript cookie

　　Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在链接关闭后，服务端不会记录用户的信息。

　　能够为 cookie 添加一个过时时间（以 UTC 或 GMT 时间）。默认状况下，cookie 在浏览器关闭时删除。

　　JavaScript 能够使用 document.cookie 属性来建立 、读取、及删除 cookie。

　　建立cookie：　

document.cookie="name=tom";

可为cookie添加一个过时时间：
document.cookie="name=tom; expires=Thu, 26 Dec 2017 12:00:00 GMT";

　　

　　读取cookie：

var co = document.cookie;  // 以字符串的方式返回全部的 cookie

　　

　　删除cookie：

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

　　删除cookie只须要将expires的值设为当前时间以前就好了，删除是没必要指定cookie的值。

 

　　（2）、jquery cookie

　　相比而言，我更喜欢使用jquery.cookie,使用起来贼方便，jquery.cookie() 方法:一个轻量级的cookie 插件，jQuery已经封装好了，直接拿来用，能够读取、写入、删除 cookie。

　　使用该方法，须要先引入jQuery文件与jQuery.cookie文件（CDN加速服务 你值得拥有）

　　建立cookie：

$.cookie('key','value')  //  注：当没有指明 cookie有效时间时，所建立的cookie有效期默认到用户关闭浏览器为止

　

　   建立一个具备有效期的cookie：

$.cookie('name', 'value', { expires: 10 }); 

　　

　　读取cookie：　　

$.cookie('name')  // cookie存在，值为'value',不存在，则为null

　　

　　删除cookie：

$.cookie('name',null)