JavaScript Cookie

Cookie 用于存儲 web 頁面的用戶信息丁稀。

什么是 Cookie卓研?

Cookie 是一些數(shù)據(jù), 存儲于你電腦上的文本文件中。

當 web 服務(wù)器向瀏覽器發(fā)送 web 頁面時沉唠,在連接關(guān)閉后大脉,服務(wù)端不會記錄用戶的信息搞监。

Cookie 的作用就是用于解決 "如何記錄客戶端的用戶信息":
當用戶訪問 web 頁面時,他的名字可以記錄在 cookie 中镰矿。
在用戶下一次訪問該頁面時琐驴,可以在 cookie 中讀取用戶訪問記錄。

Cookie 以名/值對形式存儲秤标,如下所示:

username=John Doe

當瀏覽器從服務(wù)器上請求 web 頁面時绝淡, 屬于該頁面的 cookie 會被添加到該請求中。服務(wù)端通過這種方式來獲取用戶的信息苍姜。

使用 JavaScript 創(chuàng)建Cookie

JavaScript 可以使用 document.cookie 屬性來創(chuàng)建 牢酵、讀取、及刪除 cookie衙猪。

//JavaScript 中馍乙,創(chuàng)建 cookie 如下所示:
document.cookie="username=John Doe";

//可以為 cookie 添加一個過期時間(以 UTC 或 GMT 時間)。默認情況下垫释,cookie 在瀏覽器關(guān)閉時刪除:
document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT";

//可以使用 path 參數(shù)告訴瀏覽器 cookie 的路徑丝格。默認情況下,cookie 屬于當前頁面饶号。
document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

使用 JavaScript 讀取 Cookie

var x = document.cookie;
//document.cookie 將以字符串的方式返回所有的 cookie铁追,
//類型格式: cookie1=value; cookie2=value; cookie3=value;

使用 JavaScript 修改 Cookie

document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";
//舊的 cookie 將被覆蓋。

使用 JavaScript 刪除 Cookie

刪除 cookie 非常簡單茫船。只需要設(shè)置 expires 參數(shù)為以前的時間即可琅束,如下所示,設(shè)置為 Thu, 01 Jan 1970 00:00:00 GMT:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
//刪除時不必指定 cookie 的值

Cookie 字符串

即使在 document.cookie 中寫入一個完整的 cookie 字符串, 當重新讀取該 cookie 信息時算谈,cookie 信息是以名/值對的形式展示的涩禀。

如果設(shè)置了新的 cookie,舊的 cookie 不會被覆蓋然眼。 新 cookie 將添加到 document.cookie 中艾船,所以如果重新讀取document.cookie,將獲得如下所示的數(shù)據(jù):
cookie1=value; cookie2=value;

如果需要查找一個指定 cookie 值,必須創(chuàng)建一個JavaScript 函數(shù)在 cookie 字符串中查找 cookie 值屿岂。

JavaScript Cookie 實例

首先践宴,訪問者訪問 web 頁面, 他將被要求填寫自己的名字。該名字會存儲在 cookie 中爷怀。
訪問者下一次訪問頁面時阻肩,他會看到一個歡迎的消息。

創(chuàng)建 3 個 JavaScript 函數(shù):

  • 設(shè)置 cookie 值的函數(shù)
  • 獲取 cookie 值的函數(shù)
  • 檢測 cookie 值的函數(shù)

設(shè)置 cookie 值的函數(shù)

function setCookie(cname,cvalue,exdays)
{
  var d = new Date();
  d.setTime(d.getTime()+(exdays*24*60*60*1000));
  var expires = "expires="+d.toGMTString();
  document.cookie = cname + "=" + cvalue + "; " + expires;
}

獲取 cookie 值的函數(shù)

function getCookie(cname)
{
  var name = cname + "=";
  var ca = document.cookie.split(';');
  for(var i=0; i<ca.length; i++) 
  {
    var c = ca[i].trim();
    if (c.indexOf(name)==0) return c.substring(name.length,c.length);
  }
  return "";
}

檢測 cookie 值的函數(shù)

function checkCookie()
{
  var username=getCookie("username");
  if (username!="")
  {
    alert("Welcome again " + username);
  }
  else 
  {
    username = prompt("Please enter your name:","");
    if (username!="" && username!=null)
    {
      setCookie("username",username,365);
    }
  }
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末运授,一起剝皮案震驚了整個濱河市烤惊,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌吁朦,老刑警劉巖柒室,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異逗宜,居然都是意外死亡雄右,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進店門锦溪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來不脯,“玉大人,你說我怎么就攤上這事刻诊》揽” “怎么了?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵则涯,是天一觀的道長复局。 經(jīng)常有香客問我,道長粟判,這世上最難降的妖魔是什么亿昏? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮档礁,結(jié)果婚禮上角钩,老公的妹妹穿的比我還像新娘。我一直安慰自己呻澜,他們只是感情好递礼,可當我...
    茶點故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著羹幸,像睡著了一般脊髓。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上栅受,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天将硝,我揣著相機與錄音恭朗,去河邊找鬼。 笑死依疼,一個胖子當著我的面吹牛痰腮,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播律罢,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼诽嘉,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了弟翘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤骄酗,失蹤者是張志新(化名)和其女友劉穎稀余,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體趋翻,經(jīng)...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡睛琳,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了踏烙。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片师骗。...
    茶點故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖讨惩,靈堂內(nèi)的尸體忽然破棺而出辟癌,到底是詐尸還是另有隱情,我是刑警寧澤荐捻,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布黍少,位于F島的核電站,受9級特大地震影響处面,放射性物質(zhì)發(fā)生泄漏厂置。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一魂角、第九天 我趴在偏房一處隱蔽的房頂上張望昵济。 院中可真熱鬧,春花似錦野揪、人聲如沸访忿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽醉顽。三九已至,卻和暖如春平挑,著一層夾襖步出監(jiān)牢的瞬間游添,已是汗流浹背系草。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留唆涝,地道東北人找都。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像廊酣,于是被迫代替她去往敵國和親能耻。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,884評論 2 354

推薦閱讀更多精彩內(nèi)容