使用 local storage 在 HTML 中存储数据非常简单。Local storage 是 HTML5 中的一个重要特性,它允许我们在浏览器中存储键值对数据,并且在不同的页面和会话中保持数据的持久化。
以下是使用 local storage 存储数据的简单步骤:
使用 JavaScript 中的 localStorage 对象来访问 local storage。例如,要将数据存储到 local storage 中,可以使用以下代码:
localStorage.setItem('key', 'value');
这个代码行将 'key' 和 'value' 作为参数传递给 localStorage 对象的 setItem() 方法。这将在 local storage 中创建一个名为 'key' 的键,并将其值设置为 'value'。
要从 local storage 中检索数据,请使用以下代码:
var value = localStorage.getItem('key');
这个代码行将使用 getItem() 方法从 local storage 中检索名为 'key' 的键的值,并将其存储在变量 value 中。
要删除 local storage 中的数据,请使用以下代码:
localStorage.removeItem('key');
这个代码行将使用 removeItem() 方法从 local storage 中删除名为 'key' 的键及其值。
需要注意的是,local storage 中存储的数据是以字符串的形式存储的。如果要存储一个对象或数组,需要使用 JSON.stringify() 方法将其转换为字符串,并使用 JSON.parse() 方法将其转换回对象或数组。
使用 local storage 可以方便地在浏览器中存储数据,但请注意,local storage 的最大容量是有限制的。通常情况下,每个域名下的 local storage 容量为 5MB。