HTML5系列代码：使用sessionStorage和localStorage

HTML5中的Web Storage提供了`sessionStorage`和`localStorage`这两种存储方式，用于临时性和持久性地存储数据。以下是它们的基本用法：

1. `localStorage`: 存储的数据永久有效，直到浏览器关闭。如果需要清除数据，可以在JavaScript中调用`localStorage.removeItem(key)`，其中`key`是你要删除的键。

// 存储数据
localStorage.setItem('exampleKey', 'exampleValue');

// 读取数据
let storedValue = localStorage.getItem('exampleKey');
console.log(storedValue); // 输出 "exampleValue"

// 删除数据
localStorage.removeItem('exampleKey');

// 判断是否存在
if (typeof(Storage) !== "undefined" && localStorage.getItem('exampleKey')) {
    console.log('localStorage supported.');
} else {
    console.log('localStorage not supported.');
}

2. `sessionStorage`: 数据只在当前会话期间存在（即同一窗口打开的所有页面），关闭浏览器或标签页后数据会被清除。

// 存储会话级数据
sessionStorage.setItem('sessionExampleKey', 'sessionExampleValue');

// 同样可以通过getItem和removeItem来访问和删除
sessionStorage.removeItem('sessionExampleKey');