HTML5系列：HTML5本地存储
浏览数：27 /
时间：2015年06月09日
1. Web Storage存储
HTML4在客户端存储数据通常使用Cookie存储机制将数据保存在用户的客户端，但使用Cookie方式存储客户端数据存在一系列的制约发展因素，如限制存储数据空间大小、数据安全性差等。
HTML5中新增两种数据存储方式：Web Storage和Web SQL Database。前者可用于临时或永久保存客户端的少量数据，后者是客户端本地化的一套数据库系统，可以将大量的数据保存在客户端，而无需与服务器交互。
Web Storage页面存储根据Web Storage API区分会话数据与长期数据，相应的API类型分为两种：
sessionStorage（保存会话数据）
localStorage（在客户端长期保存数据）
1.1 sessionStorage对象
sessionStorage对象保存数据实质的保存在session对象中，用户在打开浏览器时，可以查看操作过程中要求的临时数据，一旦关闭浏览器，所有使用sessionStorage对象保存的数据都将会丢失。
sessionStorage对象保存数据操作格式：
sessionStorage.setItem(key, value);
其中，key表示存储数据的键名，value表示存储数据的键值。
sessionStorage对象读取数据操作格式：
sessionStorage.getItem(key)
其中，key表示存储数据的键名，该方法将返回一个指定键名的键值，如果不存在，则返回null。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
