浏览器的本地存储和会话存储
1.本地存储
使用浏览器的本地存储（Local Storage）：可以使用localStorage对象将数据存储在浏览器的本地存储中。这样，即使用户刷新页面或关闭浏览器，数据也会被保留。
/**
将数据存储在localStorage中会长期保存，即使关闭浏览器也不会丢失。
使用localStorage.setItem(key, value)方法将数据存储在localStorage中，其中key是字符串，value可以是字符串或对象。
使用localStorage.getItem(key)方法获取指定key的存储值。
使用localStorage.removeItem(key)方法移除指定key的存储值。
使用localStorage.clear()方法清空所有存储值。
*/
// 存储数据到localStorage
localStorage.setItem("username", "John");
// 获取存储在localStorage的数据
var username = localStorage.getItem("username");
console.log(username); // 输出: John
// 移除存储在localStorage的数据
localStorage.removeItem("username");
// 清空所有存储值
localStorage.clear();
2.会话存储
使用浏览器的会话存储（Session Storage）：可以使用sessionStorage对象将数据存储在浏览器的会话存储中。与本地存储类似，数据在用户关闭浏览器标签页或窗口时会被清除
/**
将数据存储在sessionStorage中会在当前会话结束后被清除，即关闭浏览器或标签页后数据会丢失。
使用sessionStorage.setItem(key, value)方法将数据存储在sessionStorage中，其中key是字符串，value可以是字符串或对象。
使用sessionStorage.getItem(key)方法获取指定key的存储值。
使用sessionStorage.removeItem(key)方法移除指定key的存储值。
使用sessionStorage.clear()方法清空所有存储值。
*/
// 存储数据到sessionStorage
sessionStorage.setItem("username", "John");
// 获取存储在sessionStorage的数据
var username = sessionStorage.getItem("username");
console.log(username); // 输出: John
// 移除存储在sessionStorage的数据
sessionStorage.removeItem("username");
// 清空所有存储值
sessionStorage.clear();