以前我們在本地儲存資料都是用document.cookie來儲存的,但是由於其的儲存大小只有4K左右,解析也很複雜,給開發帶來了諸多的不便.不過現在html5出了web的存儲,彌補了cookie的不足,而且開放起來也是相當的方便
web儲存分成兩類
sessionStorage
容量大小約約5M,該方式的生命週期為關閉瀏覽器視窗為止
localStorage
#容量大小約20M左右, 儲存的資料不會隨著使用者瀏覽時會話過期而過期，但會應使用者的請求而刪除。瀏覽器也因為儲存空間的限製或安全性原因刪除它們.而且類型儲存的資料可以同一個瀏覽器的多個視窗共用
注意點:只能儲存字串，如果是
json
物件的話,可以將物件JSON.stringify () 編碼後儲存
方法詳解:
setItem(key
, value)
設定儲存內容
getItem(key)
讀取儲存內容
removeItem(key)
刪除鍵值為
# key
的儲存內容
clear()
清空所有儲存內容
下面我們就給大家看他的寫法:
#
//更新
function update() {
window.sessionStorage.setItem(key, value);
} //获取
function get() {
window.sessionStorage.getItem(key);
} //删除
function remove() {
window.sessionStorage.removeItem(key);
} //清空所有数据
function clear() {
window.sessionStorage.clear();
}登入後複製
##
#查看效果的話,我們以Google瀏覽器為例子:
以前的老版本的話,是沒有Application的,老版本的為
Resource
###儲存完資料後的################下面我就給大家展示###記錄使用者名稱和密碼###的經典範例####### #########當記住密碼的###複選框###勾選上的時候,下次開啟的時候,使用者名稱和密碼就不需要在重新輸入了####### html部分:###### ######
###
###
