儲存形式:key-->value
過期策略:localstorage永久儲存,不過期,除非手動刪除,sessionstorage在重啟瀏覽器、關閉頁面或新開頁面時失效
大小限制:每個網域名稱5m
使用方法:(localstorage與sessionstorage操作相同)
getitem(讀取)、setitem(設定)、removeitem(移除)、key(索引)、clear(清空)
//
自定義localstorage的過期邏輯
function
set(key,val)))
}function
get(key,exp)
else
}
使用場景:利用本地資料,減少網路傳輸,弱網高延遲低頻寬,盡量資料本地化
優點:幾乎所有瀏覽器都相容;缺點:是每次請求頭資訊會帶上;大小限制為4k;主domain汙染
它的屬性包括如下
value //
鍵值對,如test=hello
expires //絕對
過期時間,如new date(),所以瀏覽器都支援
domain //
限定網域名稱,如www.abc.com
path //
限定路徑,如/index
max-age //
相對失效時間,單位為秒;取代expires,衝突則以max-age為準(ie不支援)
secure //
協議,不需要指定,當https通訊時自動開啟
僅用於伺服器傳送,js無法讀取
document.cookie='test=hello;expires='+new date(2017,5,1)+';path=/index;domain=www.abc.com;max-age=60*60*24*365;'
//
設定固定過期時間的cookies
function
setcookie(name,value)
//
設定自定義過期時間cookie
function
setcookie(name,value,time)
//將字串時間轉換為毫秒,1秒=1000毫秒
function
getmsec(datestr)
else
if (timestr=="h")
else
if (timestr=="d") //
30d表示30天
}
//
讀取cookies
function
getcookie(name)
else
}
//
刪除cookies
function
delcookie(name)
}
HTML5本地儲存
align center html5本地儲存 align b 1.1概述 b html5 儲存是基於鍵值對的。資料儲存在乙個鍵裡,訪問資料時可以根據同樣的鍵獲得上次儲存的資料。鍵是乙個字串。而資料則可以是任何型別的js基本資料型別,包括字串,boolean,整數,和浮點數。需要注意的是,這些資料在儲...
html5 本地儲存
前言 最近在做專案時遇到了需要將資料儲存在使用者瀏覽器本地的需求,經過查詢了解到了web storage,通過學習初步掌握了web storage,以下是一些關於web storage的知識和用法,記憶力較差發布在csdn備忘。1 什麼是html5本地儲存?通過web storage web應用程式...
html5 本地儲存
最近一直在學習 html5,為了後期的專案進行知識儲備。html5 相對於 html4 新增加了一些有趣的標籤 屬性和方法,今天主要介紹下 html5 的本地儲存。html5 提供了兩種在客戶端儲存資料的新方法 兩個方法用法完全一樣,下面就以localstorage為例。早期我們都是使用cookie...