你好!HTML5 中的 Web Storage API 可以用来在浏览器中存储和访问数据。它有两种存储方式:localStorage 和 sessionStorage。
localStorage:存储的数据没有过期时间,即使关闭浏览器或电脑,数据依然存在。
sessionStorage:存储的数据在关闭浏览器窗口或标签页后会被清除。
以下是如何使用 localStorage 存储和访问数据的示例:
// 存储数据
localStorage.setItem('key', 'value');
// 获取数据
const value = localStorage.getItem('key');
console.log(value); // 输出:value
// 删除数据
localStorage.removeItem('key');
以下是如何使用 sessionStorage 存储和访问数据的示例:
// 存储数据
sessionStorage.setItem('key', 'value');
// 获取数据
const value = sessionStorage.getItem('key');
console.log(value); // 输出:value
// 删除数据
sessionStorage.removeItem('key');
需要注意的是,存储的数据类型只能是字符串,如果需要存储其他类型的数据,需要进行类型转换。此外,Web Storage API 只能在同一个域名下的页面之间共享数据。
希望这个回答能够帮到你!如果还有不清楚的地方,请随时提出。