码迷,mamicode.com
首页 > Web开发 > 详细

[HTML5] 数据存储

时间:2015-01-05 23:26:30      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

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] 数据存储

标签:

原文地址:http://www.cnblogs.com/lingxiaoge-szy/p/4204744.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!