HTML5为开发者提供了一种强大的本地存储功能,使得在浏览器中存储和访问数据变得更加容易。这项功能被广泛应用于Web应用程序和移动应用开发中,可以用于存储用户偏好设置、缓存数据、离线数据以及其他需要在客户端进行数据存储和访问的场景。
本文将详细介绍HTML5本地存储功能的两种主要技术:Web Storage和IndexedDB,并提供相应的源代码示例。
- Web Storage(网页存储)
Web Storage提供了一种简单的键值对存储机制,可以在浏览器中存储数据。它包括两个API:localStorage和sessionStorage。
1.1 localStorage(本地存储)
localStorage可以用于持久化地存储数据,即使关闭浏览器或重新启动计算机,数据也会一直存在。以下是一个示例,演示如何使用localStorage存储和检索数据:
<!DOCTYPE html>