HTML5 本地儲存與cookies

2021-10-08 02:47:49 字數 1582 閱讀 8996

儲存形式: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...