在HTML5中,Web Storage API提供了两种用于客户端存储数据的新对象:localStorage和sessionStorage。这两种对象都允许开发人员在浏览器中存储键值对数据,而不需要使用服务器或cookie。
下面是使用localStorage保存数据的示例代码:
// 将数据存储到localStorage中
localStorage.setItem("key", "value");
// 从localStorage中获取数据
var value = localStorage.getItem("key");
// 从localStorage中删除数据
localStorage.removeItem("key");
// 清除localStorage中的所有数据
localStorage.clear();
同样地,使用sessionStorage保存数据的代码也与上述示例类似。但是,sessionStorage中存储的数据会在用户关闭浏览器窗口后自动删除。
需要注意的是,localStorage和sessionStorage只能存储字符串类型的数据,如果要保存其他类型的数据,需要进行转换。此外,由于浏览器对localStorage和sessionStorage的存储空间有限制,所以需要谨慎使用。