技術(shù)一般水平有限,有什么錯(cuò)的地方,望大家指正。
sessionStorage、localStorage、cookie這三個(gè)是我們?cè)跒g覽器端用來(lái)存儲(chǔ)數(shù)據(jù)的,cookie使用起來(lái)較為繁瑣以后進(jìn)行總結(jié),主要介紹一下sessionStorage和localStorage的用法。sessionStorage和localStorage都是在瀏覽器端用來(lái)存儲(chǔ)數(shù)據(jù)的對(duì)象,它們也只在瀏覽器里有作用不會(huì)被發(fā)送到服務(wù)器端。
sessionStorage
sessionStorage存活周期就是會(huì)話開始直到結(jié)束的這段時(shí)間,就是從我們打開一個(gè)瀏覽器窗口到關(guān)閉瀏覽器窗口的這段時(shí)間內(nèi)都是有效的,無(wú)論是刷新開始重新打開頁(yè)面當(dāng)前的sessionStorage都是有效的。當(dāng)我們?cè)诖蜷_一個(gè)新窗口的時(shí)候就會(huì)重新再創(chuàng)建一個(gè)sessionStorage對(duì)象。
sessionStorage在我們打開瀏覽器是被創(chuàng)建,它只能在當(dāng)前的域名中有效,重新輸入一個(gè)網(wǎng)址后就會(huì)重新創(chuàng)建一個(gè)新的sessionStorage對(duì)象,但是只要我們不關(guān)閉當(dāng)前的窗口我們?cè)谥匦螺斎朐W(wǎng)址的時(shí)候,原來(lái)的sessionStorage仍然是可用的。
例如:
我們先打開百度,在console中輸入sessionStorage.name = "百度",然后在地址欄中輸入google的網(wǎng)址,我們發(fā)現(xiàn)google里面是沒(méi)有sessionStorage.name這個(gè)屬性的,我們?cè)谙騯rl中輸入百度的網(wǎng)址,sessionStorage.name仍然是存在的。我們每打開一個(gè)網(wǎng)址就會(huì)創(chuàng)建一個(gè)sessionStorage對(duì)象,并且該sessionStorage對(duì)象只在當(dāng)前的域名內(nèi)有效,當(dāng)我們關(guān)閉瀏覽器時(shí)sessionStorage對(duì)象就會(huì)消亡。
sessionStorage是一個(gè)對(duì)象所以我們就可以通過(guò)"."來(lái)創(chuàng)建屬性和使用屬性例如:
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26