HTML5 WEB 存储
HTML5 WEB 存储提供了两种存储方式：
- localStorage - 用于长久保存整个网站的数据，保存的数据没有时间限制。可以手动删除。
- sessionStorage - 用于临时保存同一窗口（或标签页）的数据，在关闭窗口或标签页之后将会删除这些数据。
以下是使用localStorage的例子：
<!DOCTYPE html>
<html>
<body>
<p>Click the button to save a message to localStorage.</p>
<button onclick="saveMessage()">Save Message</button>
<button onclick="getMessage()">Get Message</button>
<p id="message"></p>
<script>
function saveMessage() {
// 存储数据到localStorage
localStorage.setItem("message", "Hello, World!");
}
function getMessage() {
// 从localStorage获取数据
var message = localStorage.getItem("message");
document.getElementById("message").innerHTML = message;
}
</script>
</body>
</html>在这个例子中，我们定义了两个按钮，一个用于保存消息，一个用于获取并显示消息。当保存按钮被点击时，会调用saveMessage函数，该函数将消息存储到localStorage中。当获取按钮被点击时，会调用getMessage函数，该函数从localStorage中获取消息并显示在页面上。
注意：localStorage中的数据是以键值对的形式存储的，如果要存储复杂的数据结构，需要将其转换为字符串格式（例如，使用JSON.stringify()方法）。
评论已关闭