sessionStorage和localStorage大部分是相同的，包括功能和使用。功能上唯一的區(qū)別是：localStorage是本地長時間存儲，不會因為窗口關(guān)閉而丟失存儲的數(shù)據(jù)，而sessionStorage會話存儲則是僅保留本次會話的數(shù)據(jù)，瀏覽器窗口或者標(biāo)簽關(guān)閉的時候就會數(shù)據(jù)消失，但是刷新當(dāng)前頁面的話數(shù)據(jù)依然可以保留。

設(shè)置sessionStorage的值有3種寫法：

sessionStorage.name1 = 'value1';

sessionStorage.name2 = 'value2';

sessionStorage.setItem('name3','value3') ;

同樣獲取也有3種寫法：

sessionStorage.name1;

sessionStorage['name2'];

sessionStorage.getItem('name3');

獲取sessionStorage的長度：

sessionStorage.length

獲取sessionStorage的key

sessionStorage.key(index);

刪除指定的鍵值對：

sessionStorage.removeItem('name');

刪除所有的鍵值對：

sessionStorage.clear();

storage事件，用法和localStorage一樣的：

if (window.addEventListener) {

window.addEventListener("storage", handlerStorage, false);

} else {

window.attachEvent("onstorage", handlerStorage); //IE瀏覽器

};

使用場景：

一般使用在每一次打開新窗口的時候要完成某個特定操作，而打開后刷新頁面不用再次完成該操作。小編在做一個H5網(wǎng)站的時候使用過，每次新打開網(wǎng)站的時候需要用一個介紹屏，來頂替數(shù)據(jù)加載做造成的空白頁面。（點擊底部“閱讀原文”可查看）

總結(jié)

以上是生活随笔為你收集整理的HTML5 API详解（10）:sessionStorage 你用过吗？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。