[HTML5]　数据存储

浏览数：20 / 时间：2015年06月09日

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);

最后的提示：

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

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。