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