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左右,超过容量会导致存储失败。