客户端存储:1.web存储 2.cookie 3.IE User Data 4.离线web应用 5.web数据库 6.文件系统API
web存储在window对象上定义了两个属性localStorage 和sessionStorage,代表同一个Storage对象——一个持久化关联数组,数组的索引和存储值都使用字符串形式。
localStorage 和sessionStorage区别在于:存储有效期和作用域不同:数据可以存储多长时间以及谁拥有数据的访问权
localStorage存储的数据是永久性的,除非web应用刻意删除存储数据或者用户通过设置浏览器配置来删除,否则数据将一直保留在用户电脑上,一直不过期
localStorage的作用域是限定在文档源级别。文档源通过协议+主机名+端口号确定同源文档共享相同localStorage数据,可以相互读取甚至覆盖对方数据,非同源文档间不可相互读取甚至覆盖
sessionStorage的有效期和 存储数据的脚本所在的最顶层窗口或者浏览器标签页是一样的,一旦窗口被关闭或者标签页被永久关闭,数据也就被删除了。
sessionStorage的作用域也是限定在文档源级别,同时还被限定在窗口中,如果同源文档被渲染在不同的浏览器标签页中,那么他们拥有各自不同的sessionStorage数据。这里的窗口指的是顶级窗口,如果一个浏览器标签页有两个iframe元素,文档同源,则可共享sessionStorage数据。
存储API: setItem() getItem() removeItem() clear()
存储事件: 无论何时localStorage 和sessionStorage数据发生变化浏览器都会在 其他对该数据可见的窗口对象上触发存储事件(但对数据进行改变的窗口对象不会触发)
大小:5MB