今天给大家介绍一下关于sessionStorage
和localStorage
基本操作方法介绍,其中包括写入、获取、删除、清空能功能。
sessionStorage的用法
// setItem方法,存储变量名为key,值为value的变量
sessionStorage.setItem("key","value");
// getItem方法,读取存储变量名为key的值
var valueSession = sessionStorage.getItem("key");
// removeItem方法,删除变量名为key的存储变量
sessionStorage.removeItem('key');
// clear方法,清除所有保存数据
sessionStorage.clear();
localStorage的用法
// 存储变量名为key,值为value的变量
localStorage.setItem("key","value");
// 同setItem方法,存储数据
localStorage.key = "value"
// 读取存储变量名为key的值
var valueLocal = localStorage.getItem("key");
// 同getItem,读取数据
var valueLocal = localStorage.key;
// removeItem方法,删除变量名为key的存储变量
localStorage.removeItem('key');
// clear方法,清除所有保存的数据
localStorage.clear();
// 利用length属性和key方法,遍历所有的数据
for(var i = 0; i < localStorage.length; i++){
console.log(localStorage.key(i));
}
// 存储 localStorage 数据为 Json 格式
value = JSON.stringify(jsonValue);
localStorage.setItem("key", value);
// 读取 localStorage 中 Json 格式数据
var value = localStorage.getItem("key");
jsonValue = JSON.parse(value);
以上是编程学习网小编为您介绍的“sessionStorage和localStorage基本操作方法介绍”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:sessionStorage和localStorage基本操作方法介绍
基础教程推荐
猜你喜欢
- jquery选择器之基本过滤选择器详解 2024-04-26
- 解决方案:uni-app非nvue模式下切换主题后,App端闪屏、闪白、闪黑、状态栏主题色不稳定 2023-10-08
- Vue SPA项目SEO优化之预渲染Prerender-spa-plugin 2023-10-08
- 详解CSS开发过程中的20个快速提升技巧 2022-11-13
- token有什么用,前端为什么要传token 2024-12-14
- jQuery实现的自定义轮播图功能详解 2024-01-19
- CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解 2024-01-23
- 关于居中布局和IE双倍边距bug 2022-10-16
- JavaScript webpack模块打包器如何优化前端性能 2022-10-21
- ajax实现输入提示效果 2023-02-14