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等存储方式一样,是脆弱而不安全的。
时间: 2024-12-25 12:13:55