HTML5本地存储规范中,定义了2个重要的API:WebStorage和本地数据库WebSQLDatabase。接下来我会重点讲述WebStorage的基本用法。
WebStorage提供了两种存储类型API接口:sessionStorage和localStorage
sessionStorage的生命周期在会话期间内有效,而localStorage就存储在本地,并且数据是永久的,除非用户或程序对其执行删除操作。
localStorage 作为Html5本地存储WebStorage特性的API之一,主要作用时将数据保存在客户端中,而一般的客户端是指用户的计算机。
在安全性方面,localStorage是域内安全的,即localStorage是基于域的,任何在该域内的所有页面,都可以访问localStorage数据。
但是存在一个问题,就是各个浏览器厂商之间的数据是独立的,也就是说,如果在Firefox中的localStorage存储的数组,在Chrome中就无法读取。同样,由于localStorage数据是保存在用户的设备中的,因此在同一个应用程序在不同设备上保存的数据是不同的。
从规范定义的接口来看,接口数量并不多,只有length是属性,其余都是方法。其中setItem和getItem互为以对get/set。
removeItem方法的主要作用是删除一个键值对。
clear的作用是删除所有的键值对。
sessionStroage同样作为HTML5本地存储WebStorage特性之一的另一个API,主要是将数据保存到会话中,其原理和服务器语言的session功能类似。
sessionStorage存储的生命周期只保存在存储它的当前窗口或由当前窗口新建的新窗口,直到相关联的标签页关闭。