HTML5帶來了一些非常有趣的特性，其中之一就是會話存儲。會話存儲可以允許瀏覽器在當(dāng)前會話期間存儲數(shù)據(jù)。這是在HTML5之前不可能的事情。

會話存儲允許我們使用sessionStorage對象來存儲數(shù)據(jù)。我們可以將數(shù)據(jù)存儲在sessionStorage對象中，并在同一個(gè)頁面上的任何地方檢索它們，只要我們的會話期還存在。在關(guān)閉瀏覽器或標(biāo)簽頁后，數(shù)據(jù)將被永久刪除。

以下是一個(gè)簡單的例子，演示如何在sessionStorage中存儲和檢索數(shù)據(jù)：

// 存儲數(shù)據(jù)
sessionStorage.setItem('username', 'John');
// 檢索數(shù)據(jù)
var username = sessionStorage.getItem('username');
console.log(username); // "John"

在上面的代碼中，我們首先使用sessionStorage對象來存儲一個(gè)名為"username"的鍵和"John"的值。然后，我們使用getItem方法從sessionStorage中檢索鍵對應(yīng)的值。最后，我們將用戶名打印到控制臺。

另一個(gè)有趣的特性是localStorage。localStorage允許我們在瀏覽器上永久存儲數(shù)據(jù)。在關(guān)閉瀏覽器或標(biāo)簽頁后，數(shù)據(jù)仍然存在。以下是一個(gè)簡單的例子，演示如何在localStorage中存儲和檢索數(shù)據(jù)：

// 存儲數(shù)據(jù)
localStorage.setItem('username', 'John');
// 檢索數(shù)據(jù)
var username = localStorage.getItem('username');
console.log(username); // "John"

與sessionStorage的例子相同，我們首先存儲一個(gè)名為"username"的鍵和"John"的值。然后，我們使用getItem方法從localStorage中檢索鍵對應(yīng)的值。

HTML5的會話存儲特性是JavaScript開發(fā)人員的一個(gè)強(qiáng)有力的工具。您可以使用它來存儲用戶偏好設(shè)置，臨時(shí)數(shù)據(jù)等等。然而，在使用時(shí)要小心，并確保不會存儲敏感數(shù)據(jù)。