js 本地存储

// 使用 JavaScript 的本地存储 (localStorage) 示例

// 存储数据
localStorage.setItem('username', 'JohnDoe');  // 将键 'username' 和值 'JohnDoe' 存储到 localStorage 中

// 获取数据
let username = localStorage.getItem('username');  // 从 localStorage 中获取键 'username' 对应的值
console.log(username);  // 输出: JohnDoe

// 更新数据
localStorage.setItem('username', 'JaneDoe');  // 更新键 'username' 的值为 'JaneDoe'

// 删除数据
localStorage.removeItem('username');  // 从 localStorage 中删除键 'username'

// 清空所有数据
localStorage.clear();  // 清空 localStorage 中的所有数据

// 检查是否支持 localStorage
if (typeof(Storage) !== "undefined") {
    // 浏览器支持 Web Storage
    console.log("浏览器支持本地存储");
} else {
    // 浏览器不支持 Web Storage
    console.log("抱歉，您的浏览器不支持 Web Storage...");
}

解释说明：

• setItem(key, value)：用于将数据存储到 localStorage 中。key 是存储项的名称，value 是要存储的值。
• getItem(key)：用于从 localStorage 中获取指定键的值。
• removeItem(key)：用于从 localStorage 中删除指定键的数据。
• clear()：用于清空 localStorage 中的所有数据。
• typeof(Storage)：用于检查浏览器是否支持 localStorage。

希望这个示例能帮助你理解如何使用 JavaScript 的本地存储功能。