JavaScript----瀏覽器存儲(chǔ)

cookie

  • cookie是客戶端的會(huì)話跟蹤技術(shù)(服務(wù)端為session)
  • 作用: 將數(shù)據(jù)存儲(chǔ)在瀏覽器中
  • 生命周期:
    • 默認(rèn)是一次會(huì)話(瀏覽器關(guān)閉)
    • 如果通過expires=設(shè)置了過期時(shí)間, 并且過期時(shí)間沒有過期, 那么下次打開瀏覽器還是存在
    • 如果通過expires=設(shè)置了過期時(shí)間, 并且過期時(shí)間已經(jīng)過期了,那么會(huì)立即刪除保存的數(shù)據(jù)
  • 注意點(diǎn):
    • cookie不能一次性存儲(chǔ)多條數(shù)據(jù),要想保存數(shù)據(jù),必須一條一條的設(shè)置
    • cookie默認(rèn)不會(huì)保存任何的數(shù)據(jù)
    • cookie有大小和數(shù)量的限制:
      • 數(shù)量: 20~40個(gè)
      • 個(gè)數(shù): 4KB左右
  • cookie的作用范圍:
    • 在同一瀏覽器下,如果在當(dāng)前瀏覽器中保存了數(shù)據(jù),那么它的下一級(jí)路徑下的瀏覽器也可以訪問
    • 在同一個(gè)瀏覽器下,如果在當(dāng)前瀏覽器保存了數(shù)據(jù),如果想要上級(jí)訪問,需要在path屬性上添加/
  • 作用范圍的注意點(diǎn):
    • 跨域的瀏覽器不能訪問同一個(gè)cookie,需要訪問則需要加一個(gè)domain的屬性,值為域名
  • cookie的保存格式
var date = new Date();
date.setDate(date.getDate() + 1);

document.cookie("name = xxz;path=/;domain=baidu.com;expires = "+date.toGMTString()+";",

hash

  • hash也是一種儲(chǔ)存瀏覽器數(shù)據(jù)的方式
  • 特點(diǎn): 瀏覽器url后面會(huì)加上#和hash保存的數(shù)據(jù)
  • 存儲(chǔ)格式: window.location.hash = 值;

H5提供的新的存儲(chǔ)方案

  • 以下新增方案都具備以下特點(diǎn),可以彌補(bǔ)cookie和hash的不足
  • 特點(diǎn):
    • 設(shè)置椭员、讀取方便民宿、頁面刷新不丟失數(shù)據(jù)
    • 容量較大,sessionStorage約5M、localStorage約20M
    • 只能存儲(chǔ)字符串蹭沛,可以將對(duì)象JSON.stringify() 編碼后存儲(chǔ)

window.sessionStorage

  • 容量約為5M
  • 生命周期為關(guān)閉瀏覽器窗口
  • 在同一個(gè)窗口(頁面)下數(shù)據(jù)可以共享
  • 格式:
    • window.sessionStorage.setItem('name', 'lnj');
  • 獲取用getItem,刪除用removeItem,刪除所有用clear

window.localStorage

  • 除了特點(diǎn)有所不同,其余和sessionStorage完全相同
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市吉殃,隨后出現(xiàn)的幾起案子酱鸭,更是在濱河造成了極大的恐慌,老刑警劉巖痪枫,帶你破解...
    沈念sama閱讀 218,546評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件织堂,死亡現(xiàn)場(chǎng)離奇詭異叠艳,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)易阳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門附较,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人潦俺,你說我怎么就攤上這事拒课。” “怎么了事示?”我有些...
    開封第一講書人閱讀 164,911評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵早像,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我肖爵,道長(zhǎng)卢鹦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,737評(píng)論 1 294
  • 正文 為了忘掉前任遏匆,我火速辦了婚禮法挨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘幅聘。我一直安慰自己凡纳,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,753評(píng)論 6 392
  • 文/花漫 我一把揭開白布帝蒿。 她就那樣靜靜地躺著荐糜,像睡著了一般。 火紅的嫁衣襯著肌膚如雪葛超。 梳的紋絲不亂的頭發(fā)上暴氏,一...
    開封第一講書人閱讀 51,598評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音绣张,去河邊找鬼答渔。 笑死,一個(gè)胖子當(dāng)著我的面吹牛侥涵,可吹牛的內(nèi)容都是我干的沼撕。 我是一名探鬼主播,決...
    沈念sama閱讀 40,338評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼芜飘,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼务豺!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起嗦明,我...
    開封第一講書人閱讀 39,249評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤笼沥,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體奔浅,經(jīng)...
    沈念sama閱讀 45,696評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡馆纳,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,888評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了乘凸。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片厕诡。...
    茶點(diǎn)故事閱讀 40,013評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖营勤,靈堂內(nèi)的尸體忽然破棺而出灵嫌,到底是詐尸還是另有隱情,我是刑警寧澤葛作,帶...
    沈念sama閱讀 35,731評(píng)論 5 346
  • 正文 年R本政府宣布寿羞,位于F島的核電站,受9級(jí)特大地震影響赂蠢,放射性物質(zhì)發(fā)生泄漏绪穆。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,348評(píng)論 3 330
  • 文/蒙蒙 一虱岂、第九天 我趴在偏房一處隱蔽的房頂上張望玖院。 院中可真熱鬧,春花似錦第岖、人聲如沸难菌。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽郊酒。三九已至,卻和暖如春键袱,著一層夾襖步出監(jiān)牢的瞬間燎窘,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評(píng)論 1 270
  • 我被黑心中介騙來泰國打工蹄咖, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留褐健,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,203評(píng)論 3 370
  • 正文 我出身青樓澜汤,卻偏偏與公主長(zhǎng)得像铝量,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子银亲,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,960評(píng)論 2 355

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

  • ??支持離線 Web 應(yīng)用開發(fā)是 HTML5 的另一個(gè)重點(diǎn)务蝠。 ??所謂離線 Web 應(yīng)用,就是在設(shè)備不能上網(wǎng)的情況...
    霜天曉閱讀 1,034評(píng)論 0 2
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5烛缔? 答:HTML5是最新的HTML標(biāo)準(zhǔn)馏段。 注意:講述HT...
    kismetajun閱讀 27,486評(píng)論 1 45
  • 1. 緩存分類 服務(wù)器端緩存(CDN緩存)硫麻; 客戶端緩存(瀏覽器緩存)爸邢; 2. 瀏覽器緩存 2.1. 強(qiáng)緩存 瀏覽...
    puxiaotaoc閱讀 5,609評(píng)論 3 208
  • 1.一些開放性題目 1.自我介紹:除了基本個(gè)人信息以外,面試官更想聽的是你與眾不同的地方和你的優(yōu)勢(shì)拿愧。 2.項(xiàng)目介紹...
    55lover閱讀 637評(píng)論 0 6
  • 2017.6.14 星期三 天氣晴 因?yàn)榭煲荚嚵烁芎樱罱鼉鹤拥淖鳂I(yè)都是做卷子多,每天晚上做完作業(yè)讓他爸...
    小小鄧媽咪閱讀 183評(píng)論 0 2