html5 保存数据到LocalStorage

LocalStorage是HTML5中的一个新特性，它提供了一种在浏览器中存储数据的方法，数据存储在用户的本地计算机上，即使关闭浏览器，数据也不会丢失。在HTML5中，可以使用localStorage对象来访问和操作LocalStorage。

下面是保存数据到LocalStorage的步骤：

1.创建一个localStorage对象：

var storage = window.localStorage;

2.使用setItem方法将数据保存到LocalStorage中：

storage.setItem("key", "value");

其中，key是要保存的数据的键，value是要保存的数据的值。

3.使用getItem方法从LocalStorage中获取保存的数据：

var value = storage.getItem("key");

其中，key是要获取的数据的键。

4.使用removeItem方法从LocalStorage中删除保存的数据：

storage.removeItem("key");

其中，key是要删除的数据的键。

完整的代码示例：

// 创建一个localStorage对象
var storage = window.localStorage;
// 保存数据到LocalStorage中
storage.setItem("username", "Tom");
// 从LocalStorage中获取保存的数据
var username = storage.getItem("username");
console.log(username); // 输出：Tom
// 从LocalStorage中删除保存的数据
storage.removeItem("username");

注意事项：

1. localStorage只能存储字符串类型的数据，如果要存储其他类型的数据，需要先将其转换为字符串类型。

2. localStorage的存储容量有限，不同浏览器的容量也不同，一般为5-10MB左右。如果数据量较大，建议使用其他存储方式，如IndexedDB或Web SQL。