用localStorage在頁面間傳值

2022-02-14 23:29:56 字數 494 閱讀 4372

注意:要在同一網域名稱下的頁面才有效

在需要儲存資料頁面用localstorage設定資料

localstorage.setitem(key,value);//

key要用單引號或者雙引號包括著,value就是你要存的資料

在需要引用資料的頁面用localstorage獲取資料

var name=localstorage.getitem(key);//

key要用單引號或者雙引號包括著,用一變數存起來方便使用

刪除資料,因為localstorage是可長期儲存資料的,所以如果用完後不再需要的話,可以順手銷毀掉

localstorage.removeitem(key);//

刪除單個資料

localstorage.clear();//

刪除所有資料

localstorage.key(index);//

得到某個索引的key

localStorage 還能這麼用

html5中 web storage 的出現,主要是為了彌補使用 cookie 作為本地儲存的不足。cookie 儲存的資料量非常小,而且資料會自動攜帶到請求頭里,但伺服器端可能並不關心這些資料,所以會造成頻寬的浪費。web storage 提供了兩個儲存物件 localstorage 和 sess...

js之使用localStorage進行頁面間傳值

localstorage是用來作為本地儲存來使用的,是html5新加的乙個特性。可以用來進行頁面間值的傳遞。當使用localstorage傳遞單個值時用法如下 儲存值 localstorage.setitem test test 獲取值 var test localstorage.getitem t...

前端生存之路 localStorage的用法

localstorage 持久化的儲存,不會因為介面的重新整理或者重啟瀏覽器而消失,除非清除快取 用途 vue vuex會因為介面的重新整理而丟失資料,通過localstorage儲存可以避免 通過 名 鍵 的方式儲存在瀏覽器中 使用 localstorage.setitem fontsize 15...