{site_name}

{site_name}

🌜 搜索

JavaScript的Storage API提供了一种在浏览器中存储和检索键值对数据的方式

前端 𝄐 0
JavaScript Anywhere,javascript案例代码,Javascript Alert,Javascript API,JAVAscript按钮条件满足变色
JavaScript的Storage API提供了一种在浏览器中存储和检索键值对数据的方式。它包含两个子API:localStorage 和 sessionStorage。

localStorage是一个持久化存储,即使用户关闭浏览器后再次打开,数据仍然存在。而sessionStorage只在当前会话有效,当用户关闭浏览器窗口时,存储的数据也将被删除。

以下是一个基本示例,展示如何使用localStorage来存储和读取数据:

javascript
// 存储数据
localStorage.setItem('username', 'John');

// 从 localStorage 中获取数据
const username = localStorage.getItem('username');

console.log(username); // 输出 "John"


在上面的示例中,我们使用setItem方法将"John"存储到名为"username"的键中。我们还使用getItem方法从localStorage中检索username条目的值,并将其赋给变量username。最后,我们将其输出到控制台。

注意:localStorage和sessionStorage均为同源限制。意思是只能通过相同的协议(http/https),主机和端口访问它们。如果你尝试在不同的源中使用Storage API,则会引发安全错误。