本地浏览器缓存sessionStorage（临时存储） localStorage（长期存储）的使用

对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage

sessionStorage（临时存储）：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载
localStorage（长期存储）：与 sessionStorage 一样，但是浏览器关闭后，数据依然会一直存在

描述就不要了上直接可用的项目实践js代码

　例1:　

//判断浏览器存储if(window.localStorage){    // 定义一个容器    var storage=window.localStorage;}

//简单的切换栏位置$(function () {    if(storage['postwo']===undefined || !window.localStorage){        var postwo = 0;    }else{        var postwo = storage['postwo'];    }    $('.swiper-slide.text-align-center.width25.c-pointer').eq(postwo).addClass('active');    $('.list-content').eq(postwo).css('display','block');});例2:var info = '定义的数据';

localStorage.setItem('info', info);//存入数据

if(！window.localStorage){alert("浏览器不支持localstorage");return false;}else{var storage=window.localStorage;　　　　　　　　/**　　　　　　　　*三种方法写入　　　　　　　　*///写入a字段storage["a"]=1;//写入b字段storage.a=1;//写入c字段storage.setItem("c",3);console.log(typeof storage["a"]);console.log(typeof storage["b"]);console.log(typeof storage["c"]);

　　　　　　　　/**　　　　　　　　*三种方法读取　　　　　　　　*/　　　　　　　//第一种方法读取var a=storage.a;console.log(a);//第二种方法读取var b=storage["b"];console.log(b);//第三种方法读取var c=storage.getItem("c");

}

转载于:https://www.cnblogs.com/huangleilei/p/9110618.html

本地浏览器缓存sessionStorage（临时存储） localStorage（长期存储）的使用相关推荐

Nginx设置本地浏览器缓存
Nginx设置本地浏览器缓存浏览器缓存(BrowserCaching) 为了加速浏览器,浏览器在用户磁盘上,对最近请求过的文档进行存储. 当访问者再次请求这个页面时,浏览器就可以从本地磁盘显示文档, ...
浏览器之本地缓存存储 localStorage 和 sessionStorage的区别以及用法
区别: localStorage永久保存在浏览器 :sessionStorage在浏览器关闭之后存储的数据就会销毁用法:两者用法差不多,但是取值有所不同编辑页面逻辑代码为: 这是给 id=btn ...
localstorage存mysql_存储localstorage
localStorage和sessionStorage区别 localStorage和sessionStorage一样都是用来存储客户端临时信息的对象. 他们均只能存储字符串类型的对象(虽然规范中可以 ...
清除浏览器缓存之后为什么还是显示旧的html页面_H5缓存机制浅析-移动端Web加载性能优化...
1 H5缓存机制介绍 H5,即HTML5,是新一代的HTML标准,加入很多新的特性.离线存储(也可称为缓存机制)是其中一个非常重要的特性.H5引入的离线存储,这意味着 web 应用可进行缓存,并可在没 ...
http缓存和浏览器缓存
一.前言前端缓存主要是分为HTTP缓存和浏览器缓存.其中HTTP缓存是在HTTP请求传输时用到的缓存,主要在服务器代码上设置:而浏览器缓存则主要由前端开发在前端js上进行设置. 缓存可以说是性能优化 ...
Nginx使用Expires增加浏览器缓存加速
Max-age是指我们的web中的文件被用户访问(请求)后的存活时间,是个相对的值,相对Request_time(请求时间). Expires它比max-age要麻烦点,Expires指定的时间分&q ...
JS 缓存设置临时缓存和长期缓存 sessionStorage localStorage
QQ技术交流群 173683866 526474645 欢迎加入交流讨论,打广告的一律飞机票使用 Window sessionStorage 和 localStorage 属性 sessionSto ...
浏览器缓存原理以及本地存储
作为一名前端工作人员,前端的缓存知识是必须掌握的,因为一个网站打开网页的速度直接关系到用户体验,用户粘度,而提高网页的打开速度有很多方面需要优化,其中比较重要的一点就是利用好缓存,缓存文件可以重复利用 ...
浏览器缓存--cookie、sessionStorage、localStorage、indexedDB
浏览器缓存–cookie.sessionStorage.localStorage.indexedDB cookie 最初用于在客户端存储会话信息服务器在响应 HTTP 请求时,向客户端发送 Set- ...

本地浏览器缓存sessionStorage（临时存储） localStorage（长期存储）的使用

本地浏览器缓存sessionStorage（临时存储） localStorage（长期存储）的使用相关推荐

最新文章

热门文章