深入JavaScript之獲取cookie以及刪除cookie

cookie存在哪?

存在document.cookie中

cookie長(zhǎng)啥樣梯皿?

cookie是一個(gè)字符串仇箱,長(zhǎng)下面這樣:
"name=xxx; age=22;"

注意:分號(hào)后面有個(gè)空格,記住這一點(diǎn)东羹,下面的代碼需要特別注意這一點(diǎn)

如果我想根據(jù)鍵名來獲取cookie剂桥, 怎么做?

function getCookie(name) {
  var value = '; '+ document.cookie;
  var parts = value.split('; ' + name + '=');
  if(parts.length === 2) {
    return parts.pop().split(';').shift();
  }
}

原理分析:
假設(shè)現(xiàn)在的document.cookie的值為:myName=xxx; age=22; food=apple;
var value = '; '+ document.cookie;使其變?yōu)?code>; myName=xxx; age=22; food=apple;
var parts = value.split('; ' + name + '='); 假設(shè)傳入的nameage属提, 那么會(huì)根據(jù); age=分割字符串权逗,分割之后得到的數(shù)組為:
['myName=xxx', '22; food=apple;']
if(parts.length === 2)說明根據(jù)鍵名得到了對(duì)應(yīng)的值,parts.pop()返回的是數(shù)組中的最后一項(xiàng)冤议,即22; food=apple;,然后調(diào)用split(';')得到數(shù)組['22', 'food=apple;'],然后調(diào)用shift()會(huì)返回?cái)?shù)組的第一項(xiàng)斟薇,即22, 即可得到我們想要的值

深思: var value = '; '+ document.cookie; 這句代碼是整個(gè)方法的精髓。

如果我想根據(jù)鍵名來刪除cookie求类, 怎么做奔垦?

function deleteCookie(name) {
  document.cookie = name + '=;  expires=Thu, 01 Jan 1970 00:00:01 GMT;'
}

原理分析:
設(shè)置cookie過期時(shí)間小于當(dāng)前時(shí)間,那么就會(huì)刪除該cookie尸疆。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市惶岭,隨后出現(xiàn)的幾起案子寿弱,更是在濱河造成了極大的恐慌,老刑警劉巖按灶,帶你破解...
    沈念sama閱讀 216,402評(píng)論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件症革,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡鸯旁,警方通過查閱死者的電腦和手機(jī)噪矛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來铺罢,“玉大人艇挨,你說我怎么就攤上這事【伦福” “怎么了缩滨?”我有些...
    開封第一講書人閱讀 162,483評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我脉漏,道長(zhǎng)苞冯,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評(píng)論 1 292
  • 正文 為了忘掉前任侧巨,我火速辦了婚禮舅锄,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘司忱。我一直安慰自己巧娱,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評(píng)論 6 388
  • 文/花漫 我一把揭開白布烘贴。 她就那樣靜靜地躺著禁添,像睡著了一般。 火紅的嫁衣襯著肌膚如雪桨踪。 梳的紋絲不亂的頭發(fā)上老翘,一...
    開封第一講書人閱讀 51,146評(píng)論 1 297
  • 那天,我揣著相機(jī)與錄音锻离,去河邊找鬼铺峭。 笑死,一個(gè)胖子當(dāng)著我的面吹牛汽纠,可吹牛的內(nèi)容都是我干的卫键。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼虱朵,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼莉炉!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起碴犬,我...
    開封第一講書人閱讀 38,896評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤絮宁,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后服协,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體绍昂,經(jīng)...
    沈念sama閱讀 45,311評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評(píng)論 2 332
  • 正文 我和宋清朗相戀三年偿荷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了窘游。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,696評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡跳纳,死狀恐怖忍饰,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情棒旗,我是刑警寧澤喘批,帶...
    沈念sama閱讀 35,413評(píng)論 5 343
  • 正文 年R本政府宣布撩荣,位于F島的核電站,受9級(jí)特大地震影響饶深,放射性物質(zhì)發(fā)生泄漏餐曹。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評(píng)論 3 325
  • 文/蒙蒙 一敌厘、第九天 我趴在偏房一處隱蔽的房頂上張望台猴。 院中可真熱鬧,春花似錦俱两、人聲如沸饱狂。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽休讳。三九已至,卻和暖如春尿孔,著一層夾襖步出監(jiān)牢的瞬間俊柔,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評(píng)論 1 269
  • 我被黑心中介騙來泰國打工活合, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留雏婶,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,698評(píng)論 2 368
  • 正文 我出身青樓白指,卻偏偏與公主長(zhǎng)得像留晚,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子告嘲,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評(píng)論 2 353