js本地存储localStorage和sessionStorage

简介: js本地存储localStorage和sessionStorage

JavaScript本地存储有两种方式:localStorage和sessionStorage

localStorage是一种持久化存储方式,数据会一直保存在用户的本地计算机上,直到用户手动清除或者浏览器卸载。localStorage可以存储较大的数据量,可以跨越不同的浏览器会话。 sessionStorage是一种会话存储方式,数据只会在当前会话中保存,当用户关闭浏览器窗口或者标签页时,数据会被清除。sessionStorage只能存储较小的数据量,不能跨越不同的浏览器会话。

使用localStorage.setItem()方法存入数据:

localStorage.setItem('name', '张三');

使用localStorage.getItem()方法读取数据:

var name = localStorage.getItem('name');
console.log(name) //张三

使用localStorage.removeItem()方法删除数据:

localStorage.removeItem('name');

需要注意的是,由于JavaScript本地存储是在用户的本地计算机上进行的,所以存储的数据可能会被用户手动清除或者浏览器自动清除,因此不能将重要的数据存储在本地存储中

相关文章
|
3月前
|
存储 JavaScript
js中的sessionStorage
js中的sessionStorage
30 0
|
3月前
|
存储 JavaScript 前端开发
JavaScript中的localStorage
JavaScript中的localStorage
22 0
|
3月前
|
存储 JavaScript 前端开发
JavaScript中的sessionStorage
JavaScript中的sessionStorage
29 0
|
3月前
|
存储 JavaScript 前端开发
账号登录验证(原生js,本地存储)
账号登录验证(原生js,本地存储)
27 0
|
3月前
|
存储 JavaScript 前端开发
js中session、cookie、 localStorage和SessionStorage的区别和特点
js中session、cookie、 localStorage和SessionStorage的区别和特点
|
15天前
|
存储 JavaScript 前端开发
JavaScript DOM 操作:解释一下 cookie、sessionStorage 和 localStorage 的区别。
Cookie是服务器发送至客户端的文本信息,会随每个请求发送回服务器,适合控制会话状态但可能暴露隐私。SessionStorage仅在当前会话中存储数据,关闭浏览器后清除,适合临时存储如登录状态。LocalStorage则持久保存数据,即使关闭浏览器也不会清除,适用于存储长期设置。三种方式各有侧重,应按需求选择。
16 0
|
5月前
|
存储 JavaScript 前端开发
js中session、cookie、 localStorage和SessionStorage的区别和特点
js中session、cookie、 localStorage和SessionStorage的区别和特点
45 0
|
4月前
|
JavaScript
js实现跨浏览器tab选项卡页通信、传参,监听localStorage.变量的实时变化,实现打开多个浏览器页面窗口相互可以传参通信
js实现跨浏览器tab选项卡页通信、传参,监听localStorage.变量的实时变化,实现打开多个浏览器页面窗口相互可以传参通信
|
4月前
|
存储 JavaScript 前端开发
JavaScript 本地存储
JavaScript 本地存储
30 0
|
6月前
|
存储 JavaScript 前端开发
JavaScript本地存储(Local Storage)
JavaScript本地存储(Local Storage)
100 0