H5存储------localStorage和sessionStorage

web现在随着计算机的高速发展，客户端干的事情越来越多了，随着事情的增多，很多东西存储就不止在服务器了，本地存储越来越强大了(大神原谅我废话了????)

早期时期

cookie存储

（之前我用着还是很方便的?，存一些用户不重要的信息呀），后来大神告诉我，这个很影响页面加载速度，并且安全性低

大小4kb（?真的好小哦）

后来时期

随着H5的到来，它提供了新的web存储，webstorage

基本包含了localStorage和sessionStorage

localStorage

　　一种没有时间限制的缓存，我们不手动清理，就不丢失

sessionStorage

　　（”短时间“存储，大神原谅我粗糙的解释），我们用户的窗口执行了关闭操作，sessionStorage的数据会丢失

先检测我们浏览器是不是支持H5的存储

 if (window.localStorage && window.sessionStorage) {alert("你的浏览器支持localStorage和sessionStorage");}

创建一个localStorage存储

//先判断支持

 if (window.localStorage) { localStorage.setItem("userName", "老王"); }

获取我们localStorage存储的数据

localStorage.getItem("userName")

最后我们操作删除localStorage存储

localStorage.removeItem("userName");
//关闭缓存
localStorage.clear();

sessionStorage操作和localStorage基本操作一样的！

转载于:https://www.cnblogs.com/null11/p/7060038.html

H5存储------localStorage和sessionStorage相关推荐

HTML5 学习笔记（三）——本地存储(LocalStorage、SessionStorage、Web SQL Database)
一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...
HTML5本地存储localStorage，sessionStorage
HTML5新特性,用于本地存储, localStorage:不删除会一直存在斯基 sessionStorage:浏览器关掉,就跪了 /*** H5:数据存储方式,可以携带用户信息id* * 注意:* ...
浏览器之本地缓存存储 localStorage 和 sessionStorage的区别以及用法
区别: localStorage永久保存在浏览器 :sessionStorage在浏览器关闭之后存储的数据就会销毁用法:两者用法差不多,但是取值有所不同编辑页面逻辑代码为: 这是给 id=btn ...
移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题
2019独角兽企业重金招聘Python工程师标准>>> 开发H5 webapp时经常需要使用本地存储,如localStorage和sessionStorage存储一些数据,相比最多能 ...
关于localStorage和sessionStorage存储用法的一些细节说明----------localStorage和sessionStorage存储必须字符串化...
localStorage 和 sessionStorage 基本用法基本一致:localStorage需要会长时间保存,而sessionStorage会保存在当前对话框,会随着创库的关闭而被清除, 存 ...
Web数据存储之localStorage和sessionStorage
Web数据存储之localStorage和sessionStorage 学习前端以来,自己了解有localStorage和sessionStorage的相关存储的知识,也有实践过,但是之前只限于能用的 ...
cookie html5,HTML5——存储（cookie、localStorage、sessionStorage）的区别
cookie 本来用于客户端和服务端通信, 但是因为它有本地存储的功能,于是被"借用"了. 使用方法 document.cookie 获取和修改即可缺点存储量太少,只有4kb ...
解决浏览器存储问题，不得不了解的cookie,localStorage和sessionStorage
浏览器存储方式一.浏览器存储的方式二.cookie.localStorage和sessionStorage 1.cookie.localStorage和sessionStorage是什么? (1) ...
HTML5 Web 存储（localStorage和sessionStorage）
localStorage生命周期是永久,除非主动清除localStorage信息,否则这些信息将永远存在.存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信. // ...

H5存储------localStorage和sessionStorage

早期时期

后来时期

随着H5的到来，它提供了新的web存储，webstorage

H5存储------localStorage和sessionStorage相关推荐

最新文章

热门文章