H5 localStorage sessionStorage

localStorage

用于长久保存整个网站的数据,没有过期时间,除非手动去除。

sessionStorage

会话存储,临时存储,当用户关闭浏览器窗口后,数据被删除。

共同方法

以 localStorage 为例:

1. 设置缓存数据:localStorage.setItem(key,value),

2. 获取缓存数据:localStorage.getItem(key,value),

3. 获取全部缓存数据:localStorage.valueOf(),

4. 获取指定下标的 key 键值:localStorage.key(N),

5. 删除缓存数据:localStorage.removeItem(key),

6. 清空缓存数据:localStorage.clear(),

原文地址:https://www.cnblogs.com/knuzy/p/9073750.html

时间: 2024-11-25 11:25:27

H5 localStorage sessionStorage的相关文章

iOS开发和localStorage/sessionStorage

一.前言 在近期的工作中,有前端同学告诉我要清除localStorage,我当时对localStorage完全没有概念,所以就在w3c看了一下相关的内容,下面简单的介绍一下.算是对iOS开发者普及H5的一些常识吧,高手请直接忽略. 二.localStorage && sessionStorage 在HTML5中,为了在客户端存储数据,HTML提供了两种在客户端存储数据的新方法: * localStorage:没有时间限制的数据存储. * sessionStorage:针对一个session

JQuery和JS操作LocalStorage/SessionStorage的方法

JQuery和JS操作LocalStorage/SessionStorage的方法 LocalStorage 是对Cookie的优化 没有时间限制的数据存储 在隐私模式下不可读取 大小限制在500万字符左右,各个浏览器不一致 在所有同源窗口中都是共享的 本质是在读写文件,数据多的话会比较卡(firefox会一次性将数据导入内存) 不能被爬虫爬取,不要用它完全取代URL传参 IE7及以下不支持外,其他标准浏览器都完全支持 SessionStorage 针对一个 session 的数据存储 大小限制

html5 webStorage:localStorage sessionStorage

localStorage sessionStorage的使用: 与cookie相比,webStorage有很多优势(如本文结尾),所以在选择的时候,优先选择webStorage! sessionStorage使用方法完全同localStorage一致,不同之处: 1 localStorage:没有时间限制的数据存储,类似于cookie,一直存在,直到用户清除数据: 2 sessionStorage只针对一个 session 的数据存储,关闭当前网页/窗口就会消失: 1 if(typeof(Sto

localStorage sessionStorage cookie indexedDB

目录: localStorage sessionStorage cookie indexedDB localStorage localStorage存储的数据能在跨浏览器会话保留 数据可以长期保留,关闭会话,数据不会被清除 存储的键值对,是以字符串的形式存储的,数值类型会自动转化为字符串. 用法 // 等价,键值对以字符串形式存储,和js对象不一样 window.localStorage.setItem('x',1) // '1' window.localStorage.setItem('x',

H5 的 sessionStorage和localStorage

1) H5 新增的 sessionStorage 和 localStorage 的区别 sessionStorage 和 java 的 session 差不多,可以短时间存储信息,电脑浏览器常用sessionStorage 存储用户登录信息(个人理解) localStorage 可以永久保留用户信息,不用每次都登录,常用于APP 2)sessionStorage 和 localStorage 共有的方法: 1.setItem  存值 setItem就像是java里的map,但是有泛型<Strin

解读cookie,localstorage,sessionstorage用法与区别2(解读cookie)

说到本地存储 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 永久存储(可以手动删除数据) sessionStorage - session临时回话,从页面打开到页面关闭的时间段 窗口的临时存储,页面关闭,本地存储消失 其实前景和作用和cookie也是相同甚至从cookie演变而来,用一张图来表示服务商对本地存储的探索. 由图就可以看出本地存储的和cookie的区别,存储大且无插件. 这时也许就该思考H5的最大问题兼容性,这是本地存储支持情况图. 检测: if(w

localStorage,sessionStorage

h5的本地存储. 现代浏览器普遍开始支持H5本地存储,localStorage.sessionStorage.可以用来代替cookie的一部分存储功能,他比cookie存储量更大.比较实用. 两者用法类似.localStorage存储,如果不清除那么一直存在:sessionStorage是在一个会话级别上存在,如果会话关闭,那么就没了.顾名思义吧. 他们存值都是以键值对形式存在,值也是存入字符串类型(如果是对象,就序列化以后再存入).几乎和memcached,redis这种一样.很好理解. 以下

封装cookie localStorage sessionStorage

var cookie = function(name, value, options) { if (typeof value !== 'undefined') { options = options || {}; if (value === null) { value = ''; options = $.extend({}, options); options.expires = -1; } var expires = ''; if (options.expires && (typeof

localstorage sessionstorage cookie 备忘

/* sessionStorage: 保存的数据用于浏览器的一次会话,当会话结束(通常是该窗口关闭),数据被清空: localStorage: 保存的数据长期存在,下一次访问该网站的时候,网页可以直接读取以前保存的数据. Cookie: Cookie的内容会随着请求一并发送的服务器,容量小. 本地存储的有点: 减少网络流量,一旦数据保存在本地后,就可以避免再向服务器请求数据,因此减少了不必要的数据请求, 减少数据在浏览器和服务器间不必要地来回传递.从本地读数据比通过网络从服务器获得数据快得多.