插件窝 干货文章 HTML Web 存储和 Web 存储对象

HTML Web 存储和 Web 存储对象

strong 存储 数据 localStorage 573    来源:    2024-10-23

HTML 网络存储

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

API 和网络存储

谷歌= 4.0
微软边缘= 8.0
火狐= 3.5

HTML Web 存储对象

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

if (typeof(Storage) !== "未定义") {
  // localStorage/sessionStorage 的代码。
} 别的 {
  // 对不起!没有网络存储支持..
}

本地存储对象

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

// 商店
localStorage.setItem("姓氏", "史密斯");

// 取回
document.getElementById("结果").innerHTML = localStorage.getItem("姓氏");