HTML5引入了Web存储API,它提供了两种在客户端存储数据的方式:localStorage 和 sessionStorage。

1. localStorage:
   - localStorage 允许在浏览器关闭后数据仍然存在,直到用户手动清除浏览器缓存。
   - 使用方法:
     // 存储数据
     localStorage.setItem('key', 'value');
     
     // 获取数据
     var data = localStorage.getItem('key');
     
     // 删除数据
     localStorage.removeItem('key');
     
     // 清空所有数据
     localStorage.clear();

2. sessionStorage:
   - sessionStorage 存储的数据在会话结束时被清除,即当用户关闭浏览器标签页或窗口时。
   - 使用方法与 localStorage 类似:
     // 存储数据
     sessionStorage.setItem('key', 'value');
     
     // 获取数据
     var data = sessionStorage.getItem('key');
     
     // 删除数据
     sessionStorage.removeItem('key');
     
     // 清空所有数据
     sessionStorage.clear();

这两种存储方式都是基于键值对的,可以存储字符串类型的数据。请注意,存储在这两个地方的数据对整个域名是可见的,即在同一域名下的不同页面之间可以共享这些数据。但是,由于存储容量有限,建议仅存储必要的数据,并且注意不要存储敏感信息。


转载请注明出处:http://www.zyzy.cn/article/detail/12436/HTML