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,则会引发安全错误。
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,则会引发安全错误。
本文地址:
/show-270343.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。