HTML5 提供了两种在客户端本地存储数据的新方法：
- localStorage - 没有时间限制的数据存储
- sessionStorage - 针对一个 session 的数据存储
这些方法都是用 JavaScript 操作的。
以下是使用 localStorage 的一个简单示例：
<!DOCTYPE html>
<html>
<body>
<p>Click the button to set localStorage item "name" as "John".</p>
<button onclick="setLocalStorage()">Set localStorage item</button>
<button onclick="getLocalStorage()">Get localStorage item</button>
<p id="demo"></p>
<script>
function setLocalStorage() {
localStorage.setItem("name", "John");
}
function getLocalStorage() {
var name = localStorage.getItem("name");
document.getElementById("demo").innerHTML = name;
}
</script>
</body>
</html>在这个例子中，我们有两个按钮，一个用于设置 localStorage 项 "name" 为 "John"，另一个用于获取并显示该项的值。
- 当点击 "Set localStorage item" 按钮时，会调用
setLocalStorage()函数，该函数将 "name" 设置为 "John"。 - 当点击 "Get localStorage item" 按钮时，会调用
getLocalStorage()函数，该函数获取 "name" 的值，并将其显示在 id 为 "demo" 的段落中。
这个例子演示了如何使用 localStorage 存储和检索简单的数据。localStorage 可以存储大量的数据，并且数据不会随着浏览器标签页的关闭而消失，除非手动删除。