html5上的localstorsge，html5 document

前端HTML5几种存储方式的总结

本篇文章主要介绍了前端HTML5几种存储方式的总结 ，主要包括本地存储localstorage，本地存储sessionstorage，离线缓存（application cache），Web SQL，IndexedDB。有兴趣的可以了解一下。正文开始~h5之前，存储主要是用cookies。

本文主要介绍了前端HTML5的几种存储方式的总结，包括localstorage、localstoragesessionstorage、offlinecache、WebSQL和IndexedDB。有兴趣的可以了解一下。 开始正文~ 在h5之前，cookies主要用于存储。

存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。

目前最大的应该是支持5M的最大容量。html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。

前端 token 一般存在以下几种位置：HTTP Cookies： 将 token 存储在浏览器的 cookies 中，这样每次请求都会自动带上 token，但是需要注意安全性问题。

相关问答

Q1: localStorage与sessionStorage的区别及各自的应用场景

仅在客户端中保存，不参与和服务器的通信 都有同源策略限制，不同浏览器无法共享localStorage或sessionStorage中的信息 存储大小均为5M左右 不同点：生命周期 localStoage：是一种永久性存储，除非手动清除。

localStorage和sessionStorage区别 localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。

HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。

sessionStorage和localStorage统称为web storage web storage和cookie的区别 Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。

localStorage是永久存储，除非手动删除。 sessionStorage当会话结束(当前页面、标签页关闭的时候，自动销毁) cookie的数据会在每一次发送http请求的时候，同时发送给服务器而localStorage、sessionStorage不会。

Q2: 跨浏览器使用localStorage

1、localStorage是HTML5新出的特性，用来本地存储数据，这样你的项目中任何页面跳转之后仍可以访问这个本地存储的数据，只要没有关闭浏览器。但是不支持IE8以下的IE浏览器。

2、html5标准中一个亮点就是提供了浏览器本地存储的功能。方式有两种：localStorage和 sessionStorage。 相对于cookie，他们具有存储空间大的特点，一般可以存储5M左右，而cookie一般只有4k。

3、localStorage 即使浏览器关闭了，数据也会被保存下来并可用于所有来自同源（相同域名、协议和端口）窗口的加载。sessionStorage 数据存储在窗口对象中，对于其他窗口或标签不可见，并且当窗口关闭时，数据丢失。

html5上的localstorsge的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5 document、html5上的localstorsge的信息别忘了在本站进行查找喔。