sessionStorage 使用方法

2022-04-01 19:43:11 字數 647 閱讀 2876

作為html5中web storage的一種儲存方式,localstoragesessionstorage一樣都是用來儲存客戶端臨時資訊的物件。

w3c上給的介紹是這兩者區別在於前者用於持久化的本地儲存,除非主動刪除資料,否則資料是永遠不會過期的。而sessionstorage儲存的資料只有在同乙個會話中的頁面才能訪問並且當會話結束後資料也隨之銷毀。因此sessionstorage不是一種持久化的本地儲存,僅僅是會話級別的儲存。個人的理解是你在開啟乙個頁面時記錄sessionstorage,當你把頁面或者瀏覽器關閉時session中的資料即銷毀。

接下來是測試。

先建立乙個index.html,**:

33.html

先點選show按鈕,在文字框出現的是「your name is null」,之後只需在文字框中輸入資料再點選login按鈕就能把資料儲存到sessionstorage。如圖

現在點選show 文字框就顯示「your name is xiaoming」。

然後再建立乙個33.html,**:

最後只要點選index.html的33.html跳轉到該頁面就能發現sessionstorage內資料是共享的。

vue中 sessionStorage 的使用

sessionstorage.key int index 返回當前 sessionstorage 物件的第index序號的key名稱。若沒有返回null。sessionstorage.getitem string key 返回鍵名 key 對應的值 value 若沒有返回null。sessionst...

sessionStorage (會話儲存)

sessionstorage 會話儲存 儲存乙個陣列 sessionstorage.setitem user user 然後按照慣例取出來sessionstorage.getitem user 然後確取不到值?再三確認,列印還是返回 object object 這麼個。原來如果想要儲存物件的話必須先...

sessionStorage 基本使用

sessionstorage 是瀏覽器資料儲存的方法之一,用於臨時儲存同一視窗的資料,關閉視窗後sessionstorage 的資料將會不存在,它是以 key value 鍵值對的形式儲存。基本用法 存值sessionstorage.test 1212 取值 刪除sessionstorage.rem...