国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JavaScript新知:sessionStorage and localStorage

whataa / 3366人閱讀

摘要:對(duì)象是一次會(huì)話內(nèi)的存儲(chǔ),它主要用于在一次會(huì)話內(nèi)的多個(gè)頁(yè)面內(nèi)共享數(shù)據(jù)。文件則負(fù)責(zé)顯示當(dāng)前的值安裝并啟動(dòng)訪問(wèn)我們點(diǎn)擊按鈕設(shè)置之后,導(dǎo)航到頁(yè)面,會(huì)發(fā)現(xiàn)顯示的值是頁(yè)面內(nèi)設(shè)置的值。如果需要在這樣的情況下也可以訪問(wèn),那么需要把改為。

對(duì)象sessionStorage是一次會(huì)話內(nèi)的存儲(chǔ),它主要用于在一次會(huì)話內(nèi)的多個(gè)頁(yè)面內(nèi)共享數(shù)據(jù)。

如下案例使用了vue.js,你需要了解vue.js。此案例會(huì)有兩個(gè)文件:

touch a.html b.html

文件a.html內(nèi)容為:

    
    
    
{{count}} go to B

此文件的按鈕點(diǎn)擊一次,為span標(biāo)簽的值加一,并且設(shè)置新值到sessionStorage.count內(nèi)。

文件b.html則負(fù)責(zé)顯示當(dāng)前的sessionStorage.count值:

    
    
    
page A "s session value {{count}} Back to A

安裝并啟動(dòng)http server

npm i http-server -g
http-server

訪問(wèn)localhost:8080/a.html ,我們點(diǎn)擊按鈕設(shè)置sessionStorage.count之后,導(dǎo)航到b頁(yè)面,會(huì)發(fā)現(xiàn)顯示的值是a頁(yè)面內(nèi)設(shè)置的值。這說(shuō)明在同一個(gè)會(huì)話內(nèi)的頁(yè)面間是可以通過(guò)sessionStorage來(lái)共享數(shù)據(jù)的。

如果打開一個(gè)新的頁(yè)面,在訪問(wèn)b,顯示的值就不能和a頁(yè)面設(shè)置的相同,這是因?yàn)樾麻_的頁(yè)面和原來(lái)的a頁(yè)面的會(huì)話并不一致。如果需要在這樣的情況下也可以訪問(wèn),那么需要把sessionStorage改為localStorage。你不妨試試。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/81244.html

相關(guān)文章

  • cookie ajax git 相關(guān)面試題

    摘要:什么是如何創(chuàng)建一個(gè)異步在后臺(tái)與服務(wù)器進(jìn)行異步數(shù)據(jù)交換,不用重載整個(gè)網(wǎng)頁(yè),實(shí)現(xiàn)局部刷新。除此之外,擁有等方法,不像需要前端開發(fā)者自己封裝,。 什么是 Ajax? 如何創(chuàng)建一個(gè)Ajax? AJAX(Asynchronous Javascript And XML) = 異步 JavaScript + XML 在后臺(tái)與服務(wù)器進(jìn)行異步數(shù)據(jù)交換,不用重載整個(gè)網(wǎng)頁(yè),實(shí)現(xiàn)局部刷新。創(chuàng)建 ajax 步驟...

    xavier 評(píng)論0 收藏0
  • HTML5中新增Javascript特性

    摘要:和支持事件通知機(jī)制,可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽(tīng)者。語(yǔ)言采用的是單線程模型,的目的,就是為創(chuàng)造多線程環(huán)境,允許主線程將一些任務(wù)分配給子線程。在主線程運(yùn)行的同時(shí),子線程在后臺(tái)運(yùn)行,兩者互不干擾。等到子線程完成計(jì)算任務(wù),再把結(jié)果返回給主線程。 存儲(chǔ) localStorage 存儲(chǔ): window.localStorage.setItem(key, value); 取值: window.l...

    shadajin 評(píng)論0 收藏0
  • js客戶端存儲(chǔ)之Web存儲(chǔ)

    摘要:存儲(chǔ)客戶端存儲(chǔ)有幾種方式,存儲(chǔ)就是其中一種。瀏覽器兼容性存儲(chǔ)有效期永久性。實(shí)際上,的數(shù)據(jù)是寫入磁盤中,每次讀取數(shù)據(jù)時(shí),實(shí)際上是從硬盤驅(qū)動(dòng)器上讀取這些字節(jié)。所以不要在客戶端存儲(chǔ)敏感信息,比如密碼或信用卡信息。 WEB存儲(chǔ) 客戶端存儲(chǔ)有幾種方式,WEB存儲(chǔ)就是其中一種。最初作為H5的一部分被定義成API形式,后來(lái)被剝離出來(lái)作為獨(dú)立的標(biāo)準(zhǔn)。所描述的API包含localStorage對(duì)象和se...

    ixlei 評(píng)論0 收藏0
  • sessionStoragelocalStorage

    摘要:前端存儲(chǔ)和簡(jiǎn)述曾在項(xiàng)目中多次使用過(guò)和來(lái)存放,但一直未深入了解。以為例他們均只能存儲(chǔ)字符串類型的對(duì)象存儲(chǔ)大小都為都遵守同源策略不同點(diǎn)有期限,當(dāng)窗口或?yàn)g覽器關(guān)閉時(shí)就會(huì)被銷毀。本文如有錯(cuò)誤,歡迎指出。 H5前端存儲(chǔ) localStorage 和 sessionStorage 簡(jiǎn)述 曾在項(xiàng)目中多次使用過(guò)localStorage和sessionStorage來(lái)存放token,但一直未深入了解。近...

    wujl596 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<