資訊專欄INFORMATION COLUMN
摘要：對(duì)象是一次會(huì)話內(nèi)的存儲(chǔ)，它主要用于在一次會(huì)話內(nèi)的多個(gè)頁面內(nèi)共享數(shù)據(jù)。文件則負(fù)責(zé)顯示當(dāng)前的值安裝并啟動(dòng)訪問我們點(diǎn)擊按鈕設(shè)置之后，導(dǎo)航到頁面，會(huì)發(fā)現(xiàn)顯示的值是頁面內(nèi)設(shè)置的值。如果需要在這樣的情況下也可以訪問，那么需要把改為。
對(duì)象sessionStorage是一次會(huì)話內(nèi)的存儲(chǔ)，它主要用于在一次會(huì)話內(nèi)的多個(gè)頁面內(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
訪問localhost:8080/a.html ,我們點(diǎn)擊按鈕設(shè)置sessionStorage.count之后，導(dǎo)航到b頁面，會(huì)發(fā)現(xiàn)顯示的值是a頁面內(nèi)設(shè)置的值。這說明在同一個(gè)會(huì)話內(nèi)的頁面間是可以通過sessionStorage來共享數(shù)據(jù)的。
如果打開一個(gè)新的頁面，在訪問b，顯示的值就不能和a頁面設(shè)置的相同，這是因?yàn)樾麻_的頁面和原來的a頁面的會(huì)話并不一致。如果需要在這樣的情況下也可以訪問，那么需要把sessionStorage改為localStorage。你不妨試試。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/81244.html
摘要：什么是如何創(chuàng)建一個(gè)異步在后臺(tái)與服務(wù)器進(jìn)行異步數(shù)據(jù)交換，不用重載整個(gè)網(wǎng)頁，實(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)頁，實(shí)現(xiàn)局部刷新。創(chuàng)建 ajax 步驟...
摘要：和支持事件通知機(jī)制，可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者。語言采用的是單線程模型，的目的，就是為創(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...
摘要：存儲(chǔ)客戶端存儲(chǔ)有幾種方式，存儲(chǔ)就是其中一種。瀏覽器兼容性存儲(chǔ)有效期永久性。實(shí)際上，的數(shù)據(jù)是寫入磁盤中，每次讀取數(shù)據(jù)時(shí)，實(shí)際上是從硬盤驅(qū)動(dòng)器上讀取這些字節(jié)。所以不要在客戶端存儲(chǔ)敏感信息，比如密碼或信用卡信息。 WEB存儲(chǔ) 客戶端存儲(chǔ)有幾種方式，WEB存儲(chǔ)就是其中一種。最初作為H5的一部分被定義成API形式，后來被剝離出來作為獨(dú)立的標(biāo)準(zhǔn)。所描述的API包含localStorage對(duì)象和se...
摘要：前端存儲(chǔ)和簡述曾在項(xiàng)目中多次使用過和來存放，但一直未深入了解。以為例他們均只能存儲(chǔ)字符串類型的對(duì)象存儲(chǔ)大小都為都遵守同源策略不同點(diǎn)有期限，當(dāng)窗口或?yàn)g覽器關(guān)閉時(shí)就會(huì)被銷毀。本文如有錯(cuò)誤，歡迎指出。 H5前端存儲(chǔ) localStorage 和 sessionStorage 簡述 曾在項(xiàng)目中多次使用過localStorage和sessionStorage來存放token，但一直未深入了解。近...
閱讀 2986·2021-10-27 14:19
閱讀 601·2021-10-18 13:29
閱讀 1205·2021-07-29 13:56
閱讀 3614·2019-08-30 13:19
閱讀 2007·2019-08-29 12:50
閱讀 1172·2019-08-23 18:16
閱讀 3576·2019-08-22 15:37
閱讀 1952·2019-08-22 15:37
