首页 > web前端 > css教程 > 正文

HTML Web 存储和 Web 存储对象

PHPz
发布: 2024-07-17 00:32:30
原创
882 人浏览过

HTML web storage and web storage objects

HTML 网络存储

通过网络存储,网络应用程序可以在用户浏览器中本地存储数据。
Web存储更安全,大量数据可以本地存储,不影响网站性能。
Web 存储是按源进行的,即按域和协议进行的。来自同一个来源的所有页面都可以存储和访问相同的数据。

API 和 Web 存储

谷歌= 4.0
Microsoft Edge= 8.0
火狐= 3.5

HTML Web 存储对象

HTML Web 存储提供了两个用于在客户端存储数据的对象:
window.localStorage - 存储没有过期日期的数据
window.sessionStorage - 存储一个会话的数据

if (typeof(Storage) !== "undefined") {
  // Code for localStorage/sessionStorage.
} else {
  // Sorry! No Web Storage support..
}
登录后复制

本地存储对象

localStorage 对象存储没有过期日期的数据。
关闭浏览器时数据不会被删除,并且在第二天、一周或一年都可用。

// Store
localStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
登录后复制

以上是HTML Web 存储和 Web 存储对象的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!