温馨提示×

关于localStorage的存储,读取,删除

小云
176
2023-08-08 13:31:08
栏目: 云计算

localStorage是HTML5提供的一种用于在浏览器中存储数据的机制。它可以在浏览器关闭后仍然保留数据,可以用于存储用户的个人设置、游戏进度、购物车信息等。

存储数据到localStorage:

要将数据存储到localStorage中,可以使用setItem方法。该方法接受两个参数,第一个参数是要存储的数据的键名,第二个参数是要存储的数据的值。例如:

localStorage.setItem(“key”, “value”);

读取数据从localStorage:

要从localStorage中读取数据,可以使用getItem方法。该方法接受一个参数,即要读取的数据的键名,返回对应的值。例如:

var value = localStorage.getItem(“key”);

删除数据从localStorage:

要从localStorage中删除数据,可以使用removeItem方法。该方法接受一个参数,即要删除的数据的键名。例如:

localStorage.removeItem(“key”);

注意事项:

  • 存储在localStorage中的数据是以键值对的形式存储的,键名和值都是字符串类型。

  • 如果要存储的值不是字符串类型,可以使用JSON.stringify()方法将其转换为字符串存储,再使用JSON.parse()方法将其转换回原来的类型读取。

  • localStorage中的数据是在同一域名下共享的,不同域名之间的localStorage是互相独立的。

  • localStorage的存储容量是有限的,通常为5MB左右,超过容量会导致存储失败。

0