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

[HTML5]　数据存储

2024-10-25 02:03:39   210人阅读

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


联系
我们