LocalStorage的用法

本文详细介绍了浏览器中的两种本地存储方式:sessionStorage 和 localStorage 的使用方法。包括数据的写入、读取、清除等操作,并展示了如何存储复杂数据类型。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

sessionStorage(临时存储) :为每一个数据源维持一个存储区域,在浏览器打开期间存在,包括页面重新加载

localStorage(长期存储) :与 sessionStorage 一样,但是浏览器关闭后,数据依然会一直存在

 

if(!window.localStorage){

alert("浏览器不支持")

}else{

var storage=window.localStorage;

storage.setItem("c",3); //写入

storage.a=1;

storage["b"]=2

var c=storage.c; //读取

var c=storage.getItem("c")

 

storage.clear(); //将所有内容清空

 

storage.removeItem("c") //将某个键值对删除

 

for(var i=0;i<storage.length;i++){

var key=storage.key(i)

console.log(key)

//使用key方法,像其中出入索引获取对应键

}

 

var data = {

name:'李四',

sex:'男'

}

var d = JSON.stringify(data);

storage.setItem("data",d);

var json = JSON.parse(storage.getItem("data"))

console.log(typeof json) //object

}

 

 

students = {

 

xiaomin: {

name: "xiaoming",

grade: 1

 

},

teemo: {

name: "teemo",

grade: 3

}

}

storage.setItem("stduent",JSON.stringify(students));

console.log(JSON.parse(storage.getItem("stduent")))

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值