前端Cookie基本使用方法

Cookie

Cookie 歷來指就著牛奶一起吃的點心。然而,在因特網(wǎng)內(nèi)仍稀,“Cookie”這個字有了完全不同的意思余黎。那么“Cookie”到底是什么呢?“Cookie”是小量信息塘雳,由網(wǎng)絡(luò)服務(wù)器發(fā)送出來以存儲在網(wǎng)絡(luò)瀏覽器上,從而下次這位獨一無二的訪客又回到該網(wǎng)絡(luò)服務(wù)器時,可從該瀏覽器讀回此信息跃巡。這是很有用的,讓瀏覽器記住這位訪客的特定信息牧愁,如上次訪問的位置素邪、花費的時間或用戶首選項(如樣式表)。Cookie 是個存儲在瀏覽器目錄的文本文件猪半,當瀏覽器運行時兔朦,存儲在 RAM 中偷线。一旦你從該網(wǎng)站或網(wǎng)絡(luò)服務(wù)器退出,Cookie 也可存儲在計算機的硬驅(qū)上烘绽。當訪客結(jié)束其瀏覽器對話時淋昭,即終止的所有 Cookie。

Cookie特點

Cookie內(nèi)存大小受限

IE 6.0 IE 7.0 8.0 Opera Fire Fox Safari Chrome
Cookie個數(shù) 每個域名下20個 每個域名下50個 每個域名30個 每個域名50個 沒有限制 每個域名53個
Cookie大小 4095字節(jié) 4095字節(jié) 4096字節(jié) 4097字節(jié) 4097字節(jié) 4097字節(jié)

Cookie具有生命周期

    Cookie可以保持登錄信息到用戶下次與服務(wù)器的會話安接,換句話說翔忽,下次訪問同一網(wǎng)站時,用戶會發(fā)現(xiàn)不必輸入用戶名和密碼就已經(jīng)登錄了(當然盏檐,不排除用戶手工刪除Cookie)歇式。而還有一些Cookie在用戶退出會話的時候就被刪除了,這樣可以有效保護個人隱私胡野。
    Cookie在生成時就會被指定一個Expire值材失,這就是Cookie的生存周期,在這個周期內(nèi)Cookie有效硫豆,超出周期Cookie就會被清除龙巨。有些頁面將Cookie的生存周期設(shè)置為“0”或負值,這樣在關(guān)閉瀏覽器時熊响,就馬上清除Cookie旨别,不會記錄用戶信息,更加安全汗茄。

Cookie滿足同源策略

    雖然網(wǎng)站images.google.com與網(wǎng)站www.google.com同屬于Google秸弛,但是域名不一樣,二者同樣不能互相操作彼此的Cookie洪碳。

    問題來了 舉個例子:
    訪問玩zhidao.baidu.com 再訪問wenku.baidu.com還需要重新登陸百度賬號嗎递览?
    
    解決辦法: 設(shè)置document.domain = ‘baidu.com’;
    
    
    讓頁面屬于這個基礎(chǔ)域名下(那么此頁面和任何二級域名為baidu.com的)

封裝自己Cookie的增刪改查函數(shù)

/*
    2017/02/20
    cookie操作
 */
function setCookie(key, value, iDay) {
    var oDate = new Date();
    oDate.setDate(oDate.getDate() + iDay);
    document.cookie = key + '=' + value + ';expires=' + oDate;

}
function removeCookie(key) {
    setCookie(key, '', -1);//這里只需要把Cookie保質(zhì)期退回一天便可以刪除
}
function getCookie(key) {
    var cookieArr = document.cookie.split('; ');
    for(var i = 0; i < cookieArr.length; i++) {
        var arr = cookieArr[i].split('=');
        if(arr[0] === key) {
            return arr[1];
        }
    }
    return false;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市瞳腌,隨后出現(xiàn)的幾起案子绞铃,更是在濱河造成了極大的恐慌,老刑警劉巖嫂侍,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件憎兽,死亡現(xiàn)場離奇詭異,居然都是意外死亡吵冒,警方通過查閱死者的電腦和手機纯命,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來痹栖,“玉大人亿汞,你說我怎么就攤上這事【景ⅲ” “怎么了疗我?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵咆畏,是天一觀的道長。 經(jīng)常有香客問我吴裤,道長旧找,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任麦牺,我火速辦了婚禮钮蛛,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘剖膳。我一直安慰自己魏颓,他們只是感情好,可當我...
    茶點故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布吱晒。 她就那樣靜靜地躺著甸饱,像睡著了一般。 火紅的嫁衣襯著肌膚如雪仑濒。 梳的紋絲不亂的頭發(fā)上叹话,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天,我揣著相機與錄音墩瞳,去河邊找鬼驼壶。 笑死,一個胖子當著我的面吹牛矗烛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播箩溃,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼瞭吃,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了涣旨?” 一聲冷哼從身側(cè)響起歪架,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎霹陡,沒想到半個月后和蚪,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡烹棉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年攒霹,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片浆洗。...
    茶點故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡催束,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出伏社,到底是詐尸還是另有隱情抠刺,我是刑警寧澤塔淤,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站速妖,受9級特大地震影響高蜂,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜罕容,卻給世界環(huán)境...
    茶點故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一备恤、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧杀赢,春花似錦烘跺、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至砌左,卻和暖如春脖咐,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背汇歹。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工屁擅, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人产弹。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓派歌,卻偏偏與公主長得像,于是被迫代替她去往敵國和親痰哨。 傳聞我的和親對象是個殘疾皇子胶果,可洞房花燭夜當晚...
    茶點故事閱讀 42,925評論 2 344

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

  • 從三月份找實習到現(xiàn)在,面了一些公司斤斧,掛了不少早抠,但最終還是拿到小米、百度撬讽、阿里蕊连、京東、新浪游昼、CVTE甘苍、樂視家的研發(fā)崗...
    時芥藍閱讀 42,194評論 11 349
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,527評論 25 707
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法烘豌,內(nèi)部類的語法羊赵,繼承相關(guān)的語法,異常的語法,線程的語...
    子非魚_t_閱讀 31,587評論 18 399
  • 以前曾妄想序矩,我能不能通過寫作掙錢?于是我去觀察那些網(wǎng)絡(luò)熱文跋破。 我發(fā)現(xiàn)熱文的第一個特點簸淀,是標題特別長。熱文的標題是一...
    朱siri閱讀 196評論 0 0
  • 這幾年開始,web前端真可謂是火了一把拧簸。大家看到web前端工程師的工資劲绪,就羨慕不已,紛紛表示自己也要學習web前端...
    廈門觸控未來閱讀 524評論 0 2