cookie、 sessionStorage 坚冀、localStorage之間的區(qū)別和使用

1.cookie:存儲(chǔ)在用戶本地終端上的數(shù)據(jù)济赎。有時(shí)也用cookies,指某些網(wǎng)站為了辨別用戶身份遗菠,進(jìn)行session跟蹤而存儲(chǔ)在本地終端上的數(shù)據(jù)联喘,通常經(jīng)過加密华蜒。一般應(yīng)用最典型的案列就是判斷注冊(cè)用戶是否已經(jīng)登過該網(wǎng)站辙纬。

2.HTML5 提供了兩種在客戶端存儲(chǔ)數(shù)據(jù)的新方法:
兩者都是僅在客戶端(即瀏覽器)中保存,不參與和服務(wù)器的通信叭喜;
localStorage - 沒有時(shí)間限制的數(shù)據(jù)存儲(chǔ),第二天贺拣、第二周或下一年之后,數(shù)據(jù)依然可用捂蕴。
如何創(chuàng)建和訪問 localStorage:

<script type="text/javascript">
      localStorage.lastname="Smith";document.write(localStorage.lastname);
</script>

sessionStorage - 針對(duì)一個(gè) session 的數(shù)據(jù)存儲(chǔ),當(dāng)用戶關(guān)閉瀏覽器窗口后譬涡,數(shù)據(jù)會(huì)被刪除。
創(chuàng)建并訪問一個(gè) sessionStorage:

<script type="text/javascript"> 
        sessionStorage.lastname="Smith"; document.write(sessionStorage.lastname);
</script>

sessionStorage 啥辨、localStorage 和 cookie 之間的區(qū)別

共同點(diǎn):

都是保存在瀏覽器端涡匀,且同源的。

區(qū)別:

1.cookie數(shù)據(jù)始終在同源的http請(qǐng)求中攜帶(即使不需要)溉知,即cookie在瀏覽器和服務(wù)器間來回傳遞陨瘩;cookie數(shù)據(jù)還有路徑(path)的概念腕够,可以限制cookie只屬于某個(gè)路徑下。存儲(chǔ)大小限制也不同舌劳,cookie數(shù)據(jù)不能超過4k帚湘,同時(shí)因?yàn)槊看蝖ttp請(qǐng)求都會(huì)攜帶cookie,所以cookie只適合保存很小的數(shù)據(jù)甚淡,如會(huì)話標(biāo)識(shí)大诸。

而sessionStorage和localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器,僅在本地保存贯卦。sessionStorage和localStorage 雖然也有存儲(chǔ)大小的限制资柔,但比cookie大得多,可以達(dá)到5M或更大脸侥。

數(shù)據(jù)有效期不同建邓,sessionStorage:僅在當(dāng)前瀏覽器窗口關(guān)閉前有效,自然也就不可能持久保持睁枕;localStorage:始終有效,窗口或?yàn)g覽器關(guān)閉也一直保存注簿,因此用作持久數(shù)據(jù)跳仿;cookie只在設(shè)置的cookie過期時(shí)間之前一直有效,即使窗口或?yàn)g覽器關(guān)閉妄辩。

2.作用域不同山上,sessionStorage不在不同的瀏覽器窗口中共享,即使是同一個(gè)頁面哮伟;localStorage 在所有同源窗口中都是共享的妄帘;cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知機(jī)制鬼廓,可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者致盟。Web Storage 的 api 接口使用更方便碎税。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市割择,隨后出現(xiàn)的幾起案子萎河,更是在濱河造成了極大的恐慌虐杯,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件支子,死亡現(xiàn)場(chǎng)離奇詭異值朋,居然都是意外死亡巩搏,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來禽捆,“玉大人胚想,你說我怎么就攤上這事√哉” “怎么了臼闻?”我有些...
    開封第一講書人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵述呐,是天一觀的道長乓搬。 經(jīng)常有香客問我,道長激蹲,這世上最難降的妖魔是什么江掩? 我笑而不...
    開封第一講書人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任环形,我火速辦了婚禮策泣,結(jié)果婚禮上萨咕,老公的妹妹穿的比我還像新娘。我一直安慰自己火本,他們只是感情好钙畔,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開白布刃鳄。 她就那樣靜靜地躺著,像睡著了一般挪鹏。 火紅的嫁衣襯著肌膚如雪愉烙。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 48,970評(píng)論 1 284
  • 那天返顺,我揣著相機(jī)與錄音遂鹊,去河邊找鬼蔗包。 笑死,一個(gè)胖子當(dāng)著我的面吹牛调限,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播忆谓,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼踱承,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了勾扭?” 一聲冷哼從身側(cè)響起毡琉,我...
    開封第一講書人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤桅滋,失蹤者是張志新(化名)和其女友劉穎身辨,沒想到半個(gè)月后煌珊,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體号俐,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡吏饿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年蔬浙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了畴博。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡官疲,死狀恐怖途凫,靈堂內(nèi)的尸體忽然破棺而出咱揍,到底是詐尸還是另有隱情棚饵,我是刑警寧澤,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布,位于F島的核電站恶阴,受9級(jí)特大地震影響冯事,放射性物質(zhì)發(fā)生泄漏昵仅。R本人自食惡果不足惜摔笤,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望命辖。 院中可真熱鬧分蓖,春花似錦吮龄、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至昧辽,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間咕痛,已是汗流浹背塞栅。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來泰國打工砾医, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人怖亭。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓倾芝,卻偏偏與公主長得像,于是被迫代替她去往敵國和親箭跳。 傳聞我的和親對(duì)象是個(gè)殘疾皇子晨另,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

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