淺談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)