jQuery操作cookie的示例代碼
Cookies
定義:讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲(chǔ)存到客戶端的硬盤或內(nèi)存,從客戶端的硬盤讀取數(shù)據(jù)的一種技術(shù);
下載與引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下載:http://plugins.jquery.com/cookie/
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script>
1.添加一個(gè)"會(huì)話cookie"
$.cookie('the_cookie', 'the_value');
這里沒有指明 cookie有效時(shí)間,所創(chuàng)建的cookie有效期默認(rèn)到用戶關(guān)閉瀏覽器為止,所以被稱為 “會(huì)話cookie(session cookie)”。
2.創(chuàng)建一個(gè)cookie并設(shè)置有效時(shí)間為 7天
$.cookie('the_cookie', 'the_value', { expires: 7 });
這里指明了cookie有效時(shí)間,所創(chuàng)建的cookie被稱為“持久 cookie (persistent cookie)”。注意單位是:天;
3.創(chuàng)建一個(gè)cookie并設(shè)置 cookie的有效路徑
$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
在默認(rèn)情況下,只有設(shè)置 cookie的網(wǎng)頁(yè)才能讀取該 cookie。如果想讓一個(gè)頁(yè)面讀取另一個(gè)頁(yè)面設(shè)置的cookie,必須設(shè)置cookie的路徑。cookie的路徑用于設(shè)置能夠讀取 cookie的頂級(jí)目錄。將這個(gè)路徑設(shè)置為網(wǎng)站的根目錄,可以讓所有網(wǎng)頁(yè)都能互相讀取 cookie (一般不要這樣設(shè)置,防止出現(xiàn)沖突)。
4.讀取cookie
$.cookie('the_cookie');
5.刪除cookie
$.cookie('the_cookie', null); //通過(guò)傳遞null作為cookie的值即可
6.可選參數(shù)
$.cookie('the_cookie','the_value',{ expires:7, path:'/', domain:'jquery.com', secure:true })
7.參數(shù)
expires:(Number|Date)有效期;設(shè)置一個(gè)整數(shù)時(shí),單位是天;也可以設(shè)置一個(gè)日期對(duì)象作為Cookie的過(guò)期日期;
path:(String)創(chuàng)建該Cookie的頁(yè)面路徑;
domain:(String)創(chuàng)建該Cookie的頁(yè)面域名;
secure:(Booblean)如果設(shè)為true,那么此Cookie的傳輸會(huì)要求一個(gè)安全協(xié)議,例如:HTTPS;
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
修改好的jquery滾動(dòng)字幕效果實(shí)現(xiàn)代碼
修改好的jquery滾動(dòng)字幕效果,需要的朋友可以參考下。2011-06-06jQuery實(shí)現(xiàn)360°全景拖動(dòng)展示
360全景就是視角超過(guò)人的正常視角的圖像,而我們這里說(shuō)的全景特指水平視角360度,垂直視角180度的圖像??梢匀翱臻g里進(jìn)行切換,達(dá)到瀏覽各個(gè)不同場(chǎng)景360全景展示的目的。2015-03-03jQuery實(shí)現(xiàn)簡(jiǎn)單的列表式導(dǎo)航菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的列表式導(dǎo)航菜單效果代碼,涉及jquery操作鼠標(biāo)事件及頁(yè)面元素樣式動(dòng)態(tài)變換的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08js jquery驗(yàn)證銀行卡號(hào)信息正則學(xué)習(xí)
銀行卡號(hào)格式驗(yàn)證如何錯(cuò)誤將提示:格式錯(cuò)誤,應(yīng)該是19位數(shù)字,利用正則實(shí)現(xiàn),感興趣的朋友可以了解下,希望本文對(duì)你學(xué)習(xí)正則有所幫助2013-01-01jQuery實(shí)現(xiàn)的省市聯(lián)動(dòng)菜單功能示例【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的省市聯(lián)動(dòng)菜單功能,結(jié)合完整實(shí)例形式分析了jQuery實(shí)現(xiàn)級(jí)聯(lián)菜單的具體流程與操作方法,涉及jQuery表單及數(shù)組元素的遍歷及事件響應(yīng)處理技巧.非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2017-01-01jQuery選擇器中含有空格的使用示例及注意事項(xiàng)
選擇器中的空格是不容忽視的,多一個(gè)空格或少一個(gè)空格也許得到的結(jié)果會(huì)截然不同的,下面以一個(gè)示例為大家詳細(xì)介紹下到底有什么不同,感興趣的朋友額可以參考下2013-08-08jquery購(gòu)物車結(jié)算功能實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了jquery購(gòu)物車結(jié)算功能的實(shí)現(xiàn)方法,購(gòu)買多個(gè)商品進(jìn)行統(tǒng)一結(jié)算,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11