站長資訊網(wǎng)
最全最豐富的資訊網(wǎng)站

大神為您詳解localstorge,seesionstorage

本篇文章給大家?guī)淼膬?nèi)容是關(guān)于localstorge,seesionstorage,有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對你有所幫助?!就七M(jìn)教程:Html5教程】

大神為您詳解localstorge,seesionstorage

sessionStorage屬性允許你訪問一個(gè) session Storage 對象。它與 localStorage 相似,不同之處在于 localStorage 里面存儲的數(shù)據(jù)沒有過期時(shí)間設(shè)置,而存儲在 sessionStorage里面的數(shù)據(jù)在頁面會話結(jié)束時(shí)會被清除。頁面會話在瀏覽器打開期間一直保持,并且重新加載或恢復(fù)頁面仍會保持原來的頁面會話。在新標(biāo)簽或窗口打開一個(gè)頁面會初始化一個(gè)新的會話,這點(diǎn)和 session cookies 的運(yùn)行方式不同。

只讀的localStorage 允許你訪問一個(gè)Document 的遠(yuǎn)端(origin)對象 Storage;數(shù)據(jù)存儲為跨瀏覽器會話。 localStorage 類似于sessionStorage。區(qū)別在于,數(shù)據(jù)存儲在 localStorage 是無期限的,而當(dāng)頁面會話結(jié)束——也就是說當(dāng)頁面被關(guān)閉時(shí),數(shù)據(jù)存儲在sessionStorage 會被清除 。

簡單來看,localStorage是一個(gè)瀏覽器持久化存儲方案,而sessionStorage與session不同的是它只存在于一個(gè)頁面之中,新開頁面的話sessionStorage會被重置。 應(yīng)注意無論數(shù)據(jù)存儲在 localStorage 還是 sessionStorage ,它們都特定于頁面的協(xié)議

基本用法

首先我們來看一下sessionStorage的操作

1.保存數(shù)據(jù)到sessionStorage sessionStorage.setItem('key', 'value');

2.從sessionStorage獲取數(shù)據(jù)

var sessionData = sessionStorage.getItem('key');

3.從sessionStorage刪除保存的數(shù)據(jù)

sessionStorage.removeItem('key');

4.移除所有

sessionStorage.clear();

相同的 localStorage也有著類似的操作

1.保存數(shù)據(jù)

localStorage.setItem(`key`, `value`);

2.獲取數(shù)據(jù)

let cat = localStorage.getItem(`key`);

3.刪除單個(gè)數(shù)據(jù)

localStorage.removeItem(`key`);

4.移除所有

localStorage.clear();

可以通過 localStorage.length 來獲取localStorage中鍵值對的數(shù)量,同樣的也可以通過 localStorage.key() 方法來遍歷 localStorage 存儲的鍵值。

storage 事件

當(dāng)存儲的數(shù)據(jù)發(fā)生變化時(shí),會觸發(fā) storage 事件。但要注意的是它不同于click類的事件會事件捕獲和冒泡,storage 事件更像是一個(gè)通知,不可取消。觸發(fā)這個(gè)事件會調(diào)用同域下其他窗口的storage事件,不過觸發(fā)storage的窗口(即當(dāng)前窗口)不觸發(fā)這個(gè)事件。storage 的 event 對象的常用屬性如下 (當(dāng)前窗口不觸發(fā),其他窗口會觸發(fā)) 。

changeEvent的常用屬性如下:

oldValue:更新前的值。如果該鍵為新增加,則這個(gè)屬性為null。 newValue:更新后的值。如果該鍵被刪除,則這個(gè)屬性為null。 url:原始觸發(fā)storage事件的那個(gè)網(wǎng)頁的網(wǎng)址。 key:存儲store的key名

贊(0)
分享到: 更多 (0)
網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號
精品国产aⅴ无码一区二区| 国产成人精品免费视频大全| 精品国产午夜理论片不卡| 久久九九久精品国产日韩经典 | 亚洲无码精品浪潮| 国产女人水真多18毛片18精品| 国产一区麻豆剧传媒果冻精品| 国产日韩精品一区二区在线观看 | 99久久免费国产精品特黄| 久久九九兔免费精品6| 91天堂素人精品系列网站| 无码国产乱人伦偷精品视频| 国产精品福利自产拍在线观看| 国产麻豆一精品一AV一免费| 久久精品中文字幕一区| 久久久久99精品成人片三人毛片 | 精品一区二区三区水蜜桃| 日韩精品无码中文字幕一区二区 | 久久97久久97精品免视看秋霞| 亚洲国产精品综合久久一线| 日韩视频在线免费观看| 久久久无码精品亚洲日韩按摩| 亚洲AV日韩AV永久无码免下载| 一本大道无码日韩精品影视| 国产精品三级国语在线看| 精品久久天干天天天按摩| 国外AV无码精品国产精品| 国产精品成人无码久久久| 国产精品99久久免费| 国产av无码久久精品| 日韩少妇无码一区二区三区| 亚洲AV日韩AV永久无码下载| 亚洲av日韩专区在线观看| 日韩AV无码一区二区三区不卡| 精品在线一区二区| 国产成人AV无码精品| 国产精品成人免费观看 | 久久精品一区二区三区日韩| 国产精品自在在线午夜蜜芽tv在线| 久久99精品综合国产首页| 亚洲AV无码国产精品麻豆天美 |