PHP前端开发

HTML Web 存储和 Web 存储对象

百变鹏仔 4周前 (09-19) #CSS
文章标签 对象

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("姓氏");