Web Storage

http://blog.csdn.net/zhoujie_...

localStorage是持久化的本地保存,除非主动删除,不然会一直存在,而且在所有的同源窗口中都是可以共享的
sessionStorage是会话级别的本地保存,比如一个页面关闭的时候该页面设置的sessionStorage数据会自动消失,在不同浏览器窗口不会共享的,即使是同一个浏览器的同一个页面

localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储

浏览器兼容性
通过window.localStorage & window.sessionStorage检测

注:localStorage, sessionStorage都是Storage类型的实例,Storage类型只能存储字符串,非字符串的数据在存储前会被转化成字符串。

localStorage是跨多个窗口,且持续范围可超过当前会话;意味着当浏览器关闭再重新打开,数据依然是可用的。数据保留到通过js删除或用户清除浏览器缓存。

sessionStorage 是个全局对象,它维护着在页面会话(page session)期间有效的存储空间。只要浏览器开着,页面会话周期就会一直持续。当页面重新载入(reload)或者被恢复

Cookie是一种早期的客户端存储机制(restores)时,页面会话也是一直存在。
Cookie 是一小段文本信息,伴随着用户请求在 Web 服务器和浏览器之间传递,因此,不论服务器端是否需要,每一次HTTP请求都会把这些数据传输到服务器端。Cookie的内容也是明文保存的,有些浏览器提供界面修改,所以, 不适合保存重要的或者涉及隐私的内容

posted @ 2020-05-12 09:14  热爱前端知识  阅读(117)  评论(0编辑  收藏  举报