javascript本地存储（简介）

1.localStorage 和 sessionStorage

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。

（1）关于localstorage的介绍

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。

localStorage 属性是只读的。

// 存储（保存数据）
localStorage.setItem("lastname", "Smith");键值对存储
// 检索（读取数据）//获取键所应的值
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
//删除数据
localStorage.removeItem("key");

（2）关于sessionstorage的介绍

 如果仅仅想将数据保存在当前会话中，可以使用 sessionStorage 属性， 该数据对象临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

// 存储
sessionStorage.setItem("lastname", "Smith");
// 检索
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");
//删除某个键值对
sessionStorage.removeItem("key");

2.cookie介绍

Cookie 并不是它的原意“甜饼”的意思, 而是一个保存在客户机中的简单的文本文件, 这个文件与特定的 Web 文档关联在一起, 保存了该客户机访问这个Web 文档时的信息, 当客户机再次访问这个 Web 文档时这些信息可供该文档使用。由于“Cookie”具有可以保存在客户机上的神奇特性, 因此它可以帮助我们实现记录用户个人信息的功能, 

 

本文地址：https://blog.csdn.net/L_Z_jay/article/details/109205478