首页 > 代码库 > [HTML5] 数据存储

[HTML5] 数据存储

HTML5 使用 JavaScript 来存储和访问数据

数据存储

浏览器支持:主流全部支持(“IE 8.0”、“Chrome 4.0”、“Firefox 4.0”、“Safari 4.0”、“Android 3.0”、“iOS 5.0”);

最高大小:5M;

形式

LocalStorage:本地存储,存储的数据没有时间限制:

<script type="text/javascript">  localStorage.lastname="Smith";  document.write(localStorage.lastname);</script>

SessionStorage:服务器存储,当用户关闭浏览器窗口后,数据会被删除:

<script type="text/javascript">  sessionStorage.lastname="Smith";  document.write(sessionStorage.lastname);</script>

存储常用API(仅能操作字符串)

setItem(key, value)为 Web 存储对象添加一个键/值对,供以后使用。该值可以是任何的数据类型:字符串、数值、数组等。
JSON.stringify将数组存储为字符串
变量试存、调以变量的使用方式来使用。(localStorage.name = ‘content‘;)
getItem(key)对起初用来存储它的这个键检索值。
removeItem(key)删除key所代表的键/值
clear()清除所有的键/值对。
key(n)检索 key[n] 的值。

JSON.stringify使用方式:

var myArray = new Array(‘First Name‘, ‘Last Name‘, ‘Email Address‘);localStorage.formData = JSON.stringify(myArray);

最后的提示

  1. Internet Explorer 8+、Opera 10.5+、Firefox 3.5+、Safari 4+ 和 Chrome 均包括了一个本地的 JSON 对象,对于版本更低的浏览器,可以下载一个json2.js文件:http://www.json.org/
  2. HTML5带来了新存储方式,但对于互联网安全来说,它仍然与Cookie、Session等存储方式一样,是脆弱而不安全的。

 

[HTML5] 数据存储