html5几种在客户端存储数据的实例详解

1.Application Cache

<!DOCTYPE HTML>
<html manifest="demo.appcache">
<body>
   The content of the document......
</body>
</html>

CACHE MANIFEST  
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.asp
FALLBACK:
/html5/ /404.html

2.localStorage & sessionStorage

sessionStorage.setItem("key", "value");
localStorage.setItem("site", "js8.in");

var value = sessionStorage.getItem("key"); 
var site = localStorage.getItem("site");

sessionStorage.removeItem("key"); 
localStorage.removeItem("site");

clear清除所有的key/value
用途：清除所有的key/value
用法：.clear()

sessionStorage不是一种持久化存储，浏览器关闭之后会随之清除。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

3.indexDB

indexDB是一种轻量级NOSQL数据库。相比web sql(sqlite)更加高效，包括索引、事务处理和健壮的查询功能。

它的特点包括：

一个网站可能有一个或多个 IndexedDB 数据库，每个数据库必须具有惟一的名称。

一个数据库可包含一个或多个对象存储。一个对象存储（由一个名称惟一标识）是一个记录集合。每个记录有一个键和一个值。该值是一个对象，可拥有一个或多个属性。键可能基于某个键生成器，从一个键路径衍生出来，或者是显式设置。一个键生成器自动生成惟一的连续正整数。键路径定义了键值的路径。它可以是单个 JavaScript 标识符或多个由句点分隔的标识符。(有点像列数据库的特点)

IndexedDB中，几乎所有的操作都是采用了command->request->result的方式。比如查询一条记录，返回一个request，在request的result中得到查询结果。又比如打开数据库，返回一个request，在request的result中得到返回的数据库引用。

indexedDB需要放到web服务器上才可以运行。

以上就是html5几种在客户端存储数据的实例详解的详细内容，更多请关注Gxl网其它相关文章！

查看更多关于html5几种在客户端存储数据的实例详解的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did40999

更新时间：2022-09-24 阅读：53次