HTML5 sessionStorage儲存資料

2021-08-14 21:43:12 字數 644 閱讀 1024

廢話不多說,一眼看明白,專為小白出品

html5 提供了兩種在客戶端儲存資料的新方法:

localstorage - 沒有時間限制的資料儲存

sessionstorage - 針對乙個 session 的資料儲存

本次例子來說明 sessionstorage 的儲存方法

sessionstorage 方法針對乙個 session 進行資料儲存。當使用者關閉瀏覽器視窗後,資料會被刪除。

注意:先存後取

1:先存

//物件解析為字串

var resultdata=json.stringify(result)

//存貯使用者登入資訊

sessionstorage.setitem('login',resultdata);

resultdata是你要存的內容,login就是鑰匙

2:再取

// 去其他頁面獲取剛才存的值

var login=json.parse(sessionstorage.getitem('login'))

這樣就可以直接獲取資料

html5介紹,什麼是html5,html5新特性

html5 將成為 html xhtml 以及 html dom 的新標準。html 的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 是 w3c 與 whatwg 合作的結果。編...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

html5 html5 本地儲存

最近一直在學習 html5,為了後期的移動專案進行知識儲備。html5 相對於 html4 新增加了一些有趣的標籤 屬性和方法,今天主要介紹下 html5 的本地儲存。html5 提供了兩種在客戶端儲存資料的新方法 兩個方法用法完全一樣,下面就以 localstorage 為例。早期我們都是使用 c...