欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javascript本地存储(简介)

程序员文章站 2022-07-03 20:10:25
1.localStorage 和 sessionStoragelocalStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。(1)关于localstorage的介绍localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。localStorage 属性是只读的。// 存储(保存数据)localStorage.setItem("lastname", "Smith");键值对存储// 检索(读取数...

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