sessionStorage和localStorage基本操作方法介绍

2024年07月22日 建站教程

今天给大家介绍一下关于sessionStoragelocalStorage基本操作方法介绍,其中包括写入、获取、删除、清空能功能。

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); 

本文链接:http://so.lmcjl.com/news/8944/

展开阅读全文