赞
踩
webstorage是本地存储,存储在客户端。包括
localStorage
和sessionStorage
webstorage提供一种在cookie
之外存储会话数据的路径。
提供一种存储大量可以跨会话存在的数据的机制。
localStorage
或sessionStorage
中的信息。localStorage
(页面属于相同域名和端口)sessionStorage
中的信息。这里需要注意的是,页面和标签页值得是顶级窗口,如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间可以共享sessionStorage
。localStorage
:生命周期是永久,也就是说只要用户不在浏览器上清除localStorage
信息,这些信息将永远存在。
sessionStorage
:仅在当前会话有效,关闭页面或者浏览器就会被清除。
localStorage
和seaaionSrorage
的存储大小一般都是:5M。
都保存在客户端,不与服务器进行交互通信。
都只能存储字符串类型,对于复杂的对象可以使用ECMAScript提供的JSON
对象的stringify
和parse
来处理。
localStorage:window.localStorage;
sessionStorage:window.sessionStorage;
localStorage
:常用于长期登录(+判断用户是否登录),适合长期保存在本地的信息
sessionStorage
:适合敏感账号一次性登录
window.localStorage.setItem('key','value')
存储方式 | localStorage | sessionStorage | |
---|---|---|---|
作用域 | 不同浏览器不同页面之间无法共享 | √ | √ |
同一个浏览器不同页面之间 | 可以共享 | 不可以共享 | |
生命周期 | 永久保存,只要用户不在浏览器清除信息,则将永远存在 | 临时保存,只要关闭页面或者浏览器就会清除信息 | |
存储大小 | 5M | 5M | |
存储位置 | 客户端,不与服务器交互 | √ | √ |
存储类型 | 字符串,如果是复杂对象类型可以使用JSON.parse和 JSON.stringify进行处理 | √ | √ |
获取方式 | window.localStorage | window.sessionStorage | |
应用场景 | 适合长其登录且长其保存信息在本地 | 适合敏感账号一次性登录 |
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。