{site_name}

{site_name}

🌜 搜索

JavaScript Web Storage API是一组浏览器API,用于在客户端存储和检索数据

前端 𝄐 0
javascript文件用什么打开,javascript文件怎么运行,javascript文本框代码,javascript文本框,javascript外部链接,javascript网页计算器
JavaScript Web Storage API是一组浏览器API,用于在客户端存储和检索数据。它包括两种存储机制:localStorage 和sessionStorage。

localStorage提供了一个持久化存储的key-value对,即使用户关闭浏览器也不会丢失。而sessionStorage则是在同一窗口或标签页中打开的页面之间共享数据的存储机制,当用户关闭页面时将被清除。

以下是一个简单的例子,演示如何使用localStorage存储和检索数据:

javascript
// 存储数据到localStorage
localStorage.setItem('name', 'John');
localStorage.setItem('age', '30');

// 获取保存在localStorage的数据
const name = localStorage.getItem('name');
const age = localStorage.getItem('age');
console.log(name, age); // 输出 "John" 30

// 删除一个localStorage项
localStorage.removeItem('name');


这里我们首先使用setItem()方法存储键值对"name":"John"和"age":"30"到localStorage中。然后,我们使用getItem()方法检索这些数据并将其存储在变量name和age中。最后,我们使用removeItem()方法删除保存在localStorage中的"name"项。