摘要:對象是一次會話內的存儲,它主要用于在一次會話內的多個頁面內共享數據。文件則負責顯示當前的值安裝并啟動訪問我們點擊按鈕設置之后,導航到頁面,會發現顯示的值是頁面內設置的值。如果需要在這樣的情況下也可以訪問,那么需要把改為。
對象sessionStorage是一次會話內的存儲,它主要用于在一次會話內的多個頁面內共享數據。
如下案例使用了vue.js,你需要了解vue.js。此案例會有兩個文件:
touch a.html b.html
文件a.html內容為:
{{count}}
go to B
此文件的按鈕點擊一次,為span標簽的值加一,并且設置新值到sessionStorage.count內。
文件b.html則負責顯示當前的sessionStorage.count值:
page A "s session value {{count}} Back to A
安裝并啟動http server
npm i http-server -g http-server
訪問localhost:8080/a.html ,我們點擊按鈕設置sessionStorage.count之后,導航到b頁面,會發現顯示的值是a頁面內設置的值。這說明在同一個會話內的頁面間是可以通過sessionStorage來共享數據的。
如果打開一個新的頁面,在訪問b,顯示的值就不能和a頁面設置的相同,這是因為新開的頁面和原來的a頁面的會話并不一致。如果需要在這樣的情況下也可以訪問,那么需要把sessionStorage改為localStorage。你不妨試試。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/81244.html
摘要:什么是如何創建一個異步在后臺與服務器進行異步數據交換,不用重載整個網頁,實現局部刷新。除此之外,擁有等方法,不像需要前端開發者自己封裝,。 什么是 Ajax? 如何創建一個Ajax? AJAX(Asynchronous Javascript And XML) = 異步 JavaScript + XML 在后臺與服務器進行異步數據交換,不用重載整個網頁,實現局部刷新。創建 ajax 步驟...
摘要:和支持事件通知機制,可以將數據更新的通知發送給監聽者。語言采用的是單線程模型,的目的,就是為創造多線程環境,允許主線程將一些任務分配給子線程。在主線程運行的同時,子線程在后臺運行,兩者互不干擾。等到子線程完成計算任務,再把結果返回給主線程。 存儲 localStorage 存儲: window.localStorage.setItem(key, value); 取值: window.l...
摘要:存儲客戶端存儲有幾種方式,存儲就是其中一種。瀏覽器兼容性存儲有效期永久性。實際上,的數據是寫入磁盤中,每次讀取數據時,實際上是從硬盤驅動器上讀取這些字節。所以不要在客戶端存儲敏感信息,比如密碼或信用卡信息。 WEB存儲 客戶端存儲有幾種方式,WEB存儲就是其中一種。最初作為H5的一部分被定義成API形式,后來被剝離出來作為獨立的標準。所描述的API包含localStorage對象和se...
摘要:前端存儲和簡述曾在項目中多次使用過和來存放,但一直未深入了解。以為例他們均只能存儲字符串類型的對象存儲大小都為都遵守同源策略不同點有期限,當窗口或瀏覽器關閉時就會被銷毀。本文如有錯誤,歡迎指出。 H5前端存儲 localStorage 和 sessionStorage 簡述 曾在項目中多次使用過localStorage和sessionStorage來存放token,但一直未深入了解。近...
閱讀 2917·2021-10-27 14:19
閱讀 547·2021-10-18 13:29
閱讀 1143·2021-07-29 13:56
閱讀 3561·2019-08-30 13:19
閱讀 1937·2019-08-29 12:50
閱讀 1062·2019-08-23 18:16
閱讀 3530·2019-08-22 15:37
閱讀 1907·2019-08-22 15:37