以下是使用本地存储(LocaleStorage)和会话存储(SessionStorage)的代码示例:
使用LocaleStorage存储数据:
// 存储数据
localStorage.setItem('key', 'value');
// 获取存储的数据
const data = localStorage.getItem('key');
console.log(data); // 输出:value
// 移除存储的数据
localStorage.removeItem('key');
// 清空所有存储的数据
localStorage.clear();
使用SessionStorage存储数据:
// 存储数据
sessionStorage.setItem('key', 'value');
// 获取存储的数据
const data = sessionStorage.getItem('key');
console.log(data); // 输出:value
// 移除存储的数据
sessionStorage.removeItem('key');
// 清空所有存储的数据
sessionStorage.clear();
在上述示例中,我们使用setItem
方法将数据存储在本地存储(LocaleStorage)或会话存储(SessionStorage)中,使用getItem
方法获取存储的数据,使用removeItem
方法移除特定的数据,使用clear
方法清空所有存储的数据。
请注意,存储在本地存储(LocaleStorage)中的数据在浏览器关闭后仍然可用,而存储在会话存储(SessionStorage)中的数据将在会话结束(例如,关闭浏览器选项卡)后被清除。