技術(shù)一般水平有限,有什么錯的地方,望大家指正。
sessionStorage、localStorage、cookie這三個是我們在瀏覽器端用來存儲數(shù)據(jù)的,cookie使用起來較為繁瑣以后進行總結(jié),主要介紹一下sessionStorage和localStorage的用法。sessionStorage和localStorage都是在瀏覽器端用來存儲數(shù)據(jù)的對象,它們也只在瀏覽器里有作用不會被發(fā)送到服務(wù)器端。
sessionStorage
sessionStorage存活周期就是會話開始直到結(jié)束的這段時間,就是從我們打開一個瀏覽器窗口到關(guān)閉瀏覽器窗口的這段時間內(nèi)都是有效的,無論是刷新開始重新打開頁面當(dāng)前的sessionStorage都是有效的。當(dāng)我們在打開一個新窗口的時候就會重新再創(chuàng)建一個sessionStorage對象。
sessionStorage在我們打開瀏覽器是被創(chuàng)建,它只能在當(dāng)前的域名中有效,重新輸入一個網(wǎng)址后就會重新創(chuàng)建一個新的sessionStorage對象,但是只要我們不關(guān)閉當(dāng)前的窗口我們在重新輸入原網(wǎng)址的時候,原來的sessionStorage仍然是可用的。
例如:
我們先打開百度,在console中輸入sessionStorage.name = "百度",然后在地址欄中輸入google的網(wǎng)址,我們發(fā)現(xiàn)google里面是沒有sessionStorage.name這個屬性的,我們在向url中輸入百度的網(wǎng)址,sessionStorage.name仍然是存在的。我們每打開一個網(wǎng)址就會創(chuàng)建一個sessionStorage對象,并且該sessionStorage對象只在當(dāng)前的域名內(nèi)有效,當(dāng)我們關(guān)閉瀏覽器時sessionStorage對象就會消亡。
sessionStorage是一個對象所以我們就可以通過"."來創(chuàng)建屬性和使用屬性例如:
sessionStorage.name = "zt"; sessionStorage.age = 23 sessionStorage.name//zt
sessionStorage同樣也給我們提供了幾個API來官方了一下我們的使用,我們常用的就是下面這幾個:
length:sessionStorage.length返回當(dāng)前sessionStorage對象下面有幾個屬性。