本地儲存 cookie與storage

2021-06-27 05:25:10 字數 1104 閱讀 1589

cookie:

資料儲存到計算機中,通過瀏覽器控制新增與刪除資料

cookie特點

1. 儲存限制:

網域名稱100個cookie,每組大小4kb

2. 客戶端、伺服器端,都會請求伺服器(頭資訊)

3. 頁面間的cookie是共享

cookie的使用:

新增、獲得、刪除cookie:

function setcookie(name,value,iday)   //cookie名,值,過期時間

function getcookie(name)

storage:

1. sessionstorage:

session臨時會話,從頁面開啟到頁面關閉的時間段

視窗的臨時儲存,頁面關閉,本地儲存消失

2. localstorage

永久儲存(可通過手動刪除資料)

storage的特點

1. 儲存量限制(5m)

2. 客戶端完成,不會請求伺服器處理

3. sessionstorage資料時不共享、localstorage共享

storage的使用:

( sessionstorage / localstorage )

storage的新增、獲取、刪除:

window.localstorage.setitem('name',ainput[3].value);
window.localstorage.getitem('name'));
window.localstorage.removeitem('name');
window.localstorage.clear();  //刪除全部資料

cookie本地儲存

所謂的本地儲存,其實就是把一些資訊,儲存到客戶端版本地,儲存的資訊不會因為頁面的跳轉或關閉而消失,這樣就可以實現很多功能需求了。特點 本地儲存應用的案例 購物車案例 拿京東的購物車舉例,在使用者沒有登入京東的時候,購買的產品都是儲存到本地的,進入我的購物車頁面,展示的說所有資訊都是從本地儲存中獲取展...

cookie本地儲存

所謂的本地儲存,其實就是把一些資訊,儲存到客戶端版本地,儲存的資訊不會因為頁面的跳轉或關閉而消失,這樣就可以實現很多功能需求了。特點 本地儲存應用的案例 購物車案例 拿京東的購物車舉例,在使用者沒有登入京東的時候,購買的產品都是儲存到本地的,進入我的購物車頁面,展示的說所有資訊都是從本地儲存中獲取展...

cookie與本地儲存localStorage

cookie預設是臨時儲存的,當瀏覽器關閉時,自動銷毀。如果想長時間存放乙個cookie,同時需要設定乙個過期時間。localstorage.keyname value localstorage keyname value 注 localstorage是長期資料儲存,sessionstorage臨時...