使用LocalStorage和SessionStorage存储数据

能者

LocalStorage和SessionStorage是浏览器提供的两种用于在客户端存储数据的方法。它们都是以键值对的形式存储数据，并且只能存储字符串类型的数据。
要使用LocalStorage或SessionStorage进行数据存储，可以按照以下步骤操作：

1. 通过 `localStorage` 或 `sessionStorage` 对象访问存储功能。它们是全局对象，无需额外引入。
2. 使用 `setItem(key, value)` 方法将数据存储到本地存储中。其中，`key` 是一个字符串，表示要存储数据的键名；`value` 是要存储的数据。例如：
[mw_shl_code=javascript,true]localStorage.setItem('username', 'John');[/mw_shl_code]
3. 使用 `getItem(key)` 方法从本地存储中获取数据。其中，`key` 是要获取数据的键名。例如：
[mw_shl_code=javascript,true]var username = localStorage.getItem('username');
console.log(username); // 输出：'John'[/mw_shl_code]
4. 使用 `removeItem(key)` 方法从本地存储中删除数据。其中，`key` 是要删除数据的键名。例如：
[mw_shl_code=javascript,true]localStorage.removeItem('username');[/mw_shl_code]
请注意，以上代码示例适用于LocalStorage，对于SessionStorage，只需要将 `localStorage` 替换为 `sessionStorage` 即可。
此外，还有一些其他方法也可以用于操作本地存储，比如 `clear()` 方法可以清除所有存储的数据，`key(index)` 方法可以根据索引获取键名等。

需要注意的是，LocalStorage中存储的数据在浏览器关闭后依然保留，而SessionStorage中存储的数据只在当前会话有效，在浏览器关闭后会被清除。所以根据具体需求选择合适的存储方式。