cookie,sessionStorage和localStorage三者的區(qū)別

cookie

cookie 是一些數(shù)據(jù), 存儲于你電腦上的文本文件中,由服務(wù)器創(chuàng)建,存放在客戶端中安接。
當(dāng) web 服務(wù)器向?yàn)g覽器發(fā)送 web 頁面時趟径,在連接關(guān)閉后,服務(wù)端不會記錄用戶的信息卓研。
cookie 的作用就是用于解決 "如何記錄客戶端的用戶信息":

當(dāng)用戶訪問 web 頁面時丰介,他的名字可以記錄在 cookie 中。
在用戶下一次訪問該頁面時鉴分,可以在 cookie 中讀取用戶訪問記錄哮幢。

使用document.cookie獲取和修改cookie(字符串形式)
存儲量太小,只有4KB(一個域下的所有cookie總和)
所有http請求都帶有志珍,會影響獲取資源的效率

sessionStorage

當(dāng)前會話(窗口橙垢,標(biāo)簽頁,瀏覽器)關(guān)閉伦糯,會清除所有數(shù)據(jù)
sessionStorage對象綁定于某個服務(wù)器會話柜某,所以當(dāng)文件在本地運(yùn)行的時候是不可用的

localStorage

訪問同一個localStorage對象,頁面必須來自同一個域名(子域名無效)敛纲、同一種協(xié)議喂击,在同一端口上。

由于瀏覽器兼容性問題淤翔,故需要做瀏覽器兼容性判斷:

if(window.localStorage) {
    ...
} else {
    alert("瀏覽器不支持localStorage!")
}

最大容量5MB
API簡單易用翰绊,

var storage = window.localStorage;
// 寫入方法:
storage.a = 10;
storage['b'] = 20;
storage.setItem('c',  30);
// 讀取方法:
storage.a;
storage['b']
storage.getItem('c');
storage.key(index)                // 根據(jù)各字段的索引讀取字段名
storage.removeItem(key)          // 清除對應(yīng)字段的信息
storage.clear()                 // 清空 localStorage 所有內(nèi)容
Chrome中的localStorage
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市旁壮,隨后出現(xiàn)的幾起案子监嗜,更是在濱河造成了極大的恐慌,老刑警劉巖抡谐,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件裁奇,死亡現(xiàn)場離奇詭異,居然都是意外死亡麦撵,警方通過查閱死者的電腦和手機(jī)刽肠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進(jìn)店門溃肪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人音五,你說我怎么就攤上這事乍惊。” “怎么了放仗?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵润绎,是天一觀的道長。 經(jīng)常有香客問我诞挨,道長莉撇,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任惶傻,我火速辦了婚禮棍郎,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘银室。我一直安慰自己涂佃,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布蜈敢。 她就那樣靜靜地躺著辜荠,像睡著了一般。 火紅的嫁衣襯著肌膚如雪抓狭。 梳的紋絲不亂的頭發(fā)上伯病,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天,我揣著相機(jī)與錄音否过,去河邊找鬼午笛。 笑死,一個胖子當(dāng)著我的面吹牛苗桂,可吹牛的內(nèi)容都是我干的药磺。 我是一名探鬼主播,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼煤伟,長吁一口氣:“原來是場噩夢啊……” “哼癌佩!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起持偏,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤驼卖,失蹤者是張志新(化名)和其女友劉穎氨肌,沒想到半個月后鸿秆,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡怎囚,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年卿叽,在試婚紗的時候發(fā)現(xiàn)自己被綠了桥胞。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡考婴,死狀恐怖贩虾,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情沥阱,我是刑警寧澤缎罢,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站考杉,受9級特大地震影響策精,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜崇棠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一咽袜、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧枕稀,春花似錦询刹、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至哆档,卻和暖如春匕垫,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背虐呻。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工象泵, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人斟叼。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓偶惠,卻偏偏與公主長得像,于是被迫代替她去往敵國和親朗涩。 傳聞我的和親對象是個殘疾皇子忽孽,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評論 2 361

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