HTML5的本地儲存

2021-08-04 19:32:19 字數 1501 閱讀 8549

html5的本地儲存分為永久性的本地儲存會話性的本地儲存

會話性本地儲存sessionstorage

儲存在sessionstorage中的資料首先是key-value形式的,另外就是它跟瀏覽器當前會話相關,當會話結束後,資料會自動清除,跟未設定過期時間的cookie類似。

setitem(key,value):新增本地儲存資料,鍵值對形式。

getitem(key):通過key獲取相應的value。

removeitem(key):通過key刪除本地資料。

clear():清空資料。

//      sessionstorage:臨時性本地儲存

// 1.臨時 頁面關閉 儲存消失

// 2.同網域名稱下本頁面能用 其他頁面不可見

//形式:名值對

//儲存資料

set.onclick=function

()

//獲取資料

get.onclick=function

()

//移除資料

remove.onclick=function

()

//獲取key名

key.onclick=function

()

//獲取本地儲存length

length.onclick=function

()

永久性本地儲存localstorage

在最新的js的api中增加了localstorage物件,以便於使用者儲存永久儲存的web端的資料。而且資料不會隨著http請求傳送到後台伺服器,而且儲存資料的大小幾乎不用考慮。

setitem(key,value):新增本地儲存資料,鍵值對形式。

getitem(key):通過key獲取相應的value。

removeitem(key):通過key刪除本地資料。

clear():清空資料。

//      localstorage:臨時性本地儲存

// 1.臨時 頁面關閉 儲存消失

// 2.同網域名稱下本頁面能用 其他頁面不可見

//形式:名值對

//儲存資料

set.onclick=function

()

//獲取資料

get.onclick=function

()

//移除資料

remove.onclick=function

()

//獲取key名

key.onclick=function

()

//獲取本地儲存length

length.onclick=function

()

HTML5之本地儲存

html5之本地儲存 l cookie 資料儲存到計算機中,通過瀏覽器控制新增與刪除資料 l cookie的特點 儲存限制 網域名稱100個cookie,每組值大小4kb 客戶端 伺服器端,都會請求伺服器 頭資訊 本地儲存也會請求伺服器 頁面間的cookie是共享 l storage session...

HTML5之本地儲存

html5本地儲存有localstorage和sessionstorage,兩者的區別就是localstorage一直儲存在本地不會過期,而sessionstorage視窗一旦關閉就沒了。兩者用法是一樣的。if window.localstorage else儲存操作如下 通過鍵值對應,只能儲存字串...

HTML5本地儲存

align center html5本地儲存 align b 1.1概述 b html5 儲存是基於鍵值對的。資料儲存在乙個鍵裡,訪問資料時可以根據同樣的鍵獲得上次儲存的資料。鍵是乙個字串。而資料則可以是任何型別的js基本資料型別,包括字串,boolean,整數,和浮點數。需要注意的是,這些資料在儲...