js 資料儲存

2021-09-29 01:23:09 字數 982 閱讀 7400

1.cookie

http cookie,通常直接叫做cookie,最初在客戶端用於儲存會話資訊的。

需要制定作用域,不可以跨域訪問;

無法儲存太大的資料(最大僅為4kb);

本地儲存的資料會傳送給伺服器,浪費頻寬 ;

2.sessionstorage

用於本地儲存乙個會話(session)中的資料,關閉視窗後,sessionstorage即被銷毀,除了協議、主機名、埠外,還要求在同一視窗(也就是瀏覽器的標籤頁)下,能讀取/修改到同乙份sessionstorage資料。

3.localstorage

持久化的客戶端儲存,除非主動刪除資料,否則資料是永遠不會過期的。

儲存的資訊在同一域中是共享的。localstorage只要在相同的協議、相同的主機名、相同的埠下,就能讀取/修改到同乙份localstorage資料。

設定:lacalstorage.setitem('key','value');或者localstorage.name=value;

獲取:localstorage.getitem('key');或者localstorage.name;

刪除:localstorage.remove('key');或者delete localstorage.name;

清除所有:localstorage.clear();

sessionstorage與localstorage用法一樣。

三者的相同點:

在本地(瀏覽器端)儲存資料。

三者不同點:

cookie:大小4kb,有過期時間,每次請求都發往伺服器,增加請求,網頁效能變差

localstorage:大小5m,無過期時間,不發往伺服器, 不相容ie6

sessionstorage: 大小5m,有過期時間,不發往伺服器

js資料快取儲存

存值 window.localstorage.setitem key value 取值 window.localstorage.getitem key localstorage的生命週期是永久的,關閉頁面或瀏覽器之後localstorage中的資料也不會消失。localstorage除非主動刪除資料...

JS 資料型別與儲存說明

在js中,原始資料型別分為簡單資料型別和複雜資料型別兩種,其中 原始資料型別包括 number string boolean undefined null object 簡單資料型別 基本型別 包括 number string boolean 複雜資料型別 引用型別 包括 object 空型別 un...

JS資料型別及儲存方式

簡單資料型別 值型別 string,number,boolean,undefined,null 複雜資料型別 引用型別 object,array,date,通過new關鍵字建立的物件,儲存時僅僅儲存位址。堆和棧 棧儲存簡單資料型別 堆儲存複雜資料型別 簡單型別的記憶體分配 直接將資料儲存在棧空間。複...