HTML5之localStorage、sessionStorage

你的名字 2022-04-17 03:10 462阅读 0赞

## 一、localStorage ##

用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除

没有时间限制的数据存储

### （一）设置值 ###

1.　　localStorage.setItem(key,value):

2.　　localStorage.name = "maxd";

3.　　localStorage\["name"\] = "maxd";

### （二）获取值 ###

获取不到就是null

1.　　localStorage.getItem(key,value):

2.　　var name= localStorage.name;

3.　　var name= localStorage\["name\];

### （三）清除值 ###

1.　　localStorage.removeItem(key)，表示清除单项key的值，例:localStorage.removeItem("name");执行这句话就会清除name的值

2.　　localStorage.clear(),表示清除localStorage存储的所有数据

### 二、sessionStorage ###

用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据,短暂性 一般会存储token

### （一）设置值 ###

1.　　sessionStorage.setItem(key,value):

2.　　sessionStorage.name = "maxd";

3.　　sessionStorage\["name"\] = "maxd";

### （二）获取值 ###

1.　　sessionStorage.getItem(key,value):

2.　　var name= sessionStorage.name;

3.　　var name= sessionStorage\["name\];

### （三）清除值 ###

1.　　sessionStorage.removeItem(key)，表示清除单项key的值，例:sessionStorage.removeItem("name");执行这句话就会清除name的值

2.　　sessionStorage.clear(),表示清除sessionStorage存储的所有数据

发表评论取消回复

表情：

评论列表（有 0 条评论，462人围观）

还没有评论，来说两句吧...

相关阅读

相关 html5 worker不支持本地,HTML5 之 Web Worker

HTML5 Web Worker Web Workers 是 HTML5 提供的一个javascript多线程解决方案，我们可以将一些大计算量的代码交由web Worker运

淩亂°似流年/ 2022年10月07日 11:59/ 0 赞/ 185 阅读

相关 Html5之基础-4 HTML文本

一、HTML 文本标记概述文本标记的作用（1）文本是网页上的重要组成部分（2）直接书写的文本会用浏览器默认的样式显示（3）包含在标记中的文本则会

╰+攻爆jí腚メ/ 2022年10月02日 13:51/ 0 赞/ 153 阅读

相关 html5之SVG

html之SVG -------------------- whit’s is the SVG？ SVG stands fo

末蓝、/ 2022年07月16日 04:14/ 0 赞/ 263 阅读

相关前端面试题之HTML/HTML5

HTML部分 > （1）谈谈你对Web标准的理解。 > WEB标准不是某一个标准，而是一系列标准的组合。 > 网页主要由三部分组成； > 1>结构（Struct

忘是亡心i/ 2022年06月03日 03:28/ 0 赞/ 258 阅读

相关 HTML5之localStorage、sessionStorage

一、localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除没有时间限制的数据存储（一）设置值 1.　　localStor

你的名字/ 2022年04月17日 03:10/ 0 赞/ 463 阅读

相关 html5之绘图板

<DOCTYPE html> <html> <head> <title>canvas简单画板</title> <script src="

你的名字/ 2022年03月18日 10:06/ 0 赞/ 186 阅读

相关 html5之canvas动画

<DOCTYPE html> <html> <head> <title>canvas简单动画</title> <script src="

た入场券/ 2022年03月18日 08:56/ 0 赞/ 353 阅读

相关 HTML5 之 notifications

<!DOCTYPE HTML> <html> <head <meta charset="gbk"> <title>HTML5 之 n

短命女/ 2022年03月17日 11:20/ 0 赞/ 180 阅读

相关 Html5 之 Google地图

<!DOCTYPE html> <html> <body> <p id="demo">显示地图</p> <button οnclick=

秒速五厘米/ 2022年03月17日 10:48/ 0 赞/ 518 阅读

相关 html5之video

<video id="myVideo" controls poster="video.jpg" width="600" height="400" > <

Bertha 。/ 2021年06月24日 14:34/ 0 赞/ 544 阅读