首页 > Web开发 > 详细

HTML5系列:HTML5本地存储

时间:2015-04-20 20:40:46      阅读:330      评论:0      收藏:0      [点我收藏+]

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。

HTML5系列:HTML5本地存储

原文:http://www.cnblogs.com/libingql/p/4442397.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!