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
您可能感兴趣的文章:
- vue init初始化项目后 npm run dev报错 10% building modules 1/1 modules 0 activeevents
- axios 处理 302 状态码的解决方法
- [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/feature
- react-native 在新版Xcode(10+)中运行出现的问题: node_modules/react-native/third-party/glog-0.3.4 , C compiler cannot create executables
如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!
网友评论