Web前端开发本地存储技术.pdfVIP

1

Web前端开发技术与实践

第19章：本地

/

中医学院管理学科

中医学院网络

2015.9

2

本章主要内容

本地

WebStorage

IndexedDB



案例：使用本地数据提升服务器性能

3

1.本地1.1本地简介

客户端本地数据即浏览器数据。

从HTML4中已经存在的机制到HTML5的WebStorage存

储机制和本地数据库，目前本地技术主要由WebStorage、

本地数据库和组成。

本地技术让永久数据管理这一完全由服务器端执行的工作

也能够在客户端得以实现，从而大大减轻了服务器端的负担，

加快速度。

4

1.本地1.2本地类型

WebStorage

◼WebStorage把中有用的信息到本地，然后根据实际需要

从本地信息。

◼主要分为SessionStorage和LocalStorage两种类型，其功能和用

法基本上是相同的，只是保存数据的期限不同。

5

1.本地1.2本地类型

◼Storage对象的属性和方法具体如下所示。

length：返回当前Storage对象里保存的键/值对数量。

key(index)：该方法返回Storage中第index个键（key）的名称。

getItem(key)：该方法返回指定key对应的当前值。

setItem(key,value)：该方法首先检测指定的键/值对的键是否已存在

于当前键/值对列表。

removeItem(key)：该方法从Storage对象键/值对列表中删除指定键对

应的数据项。

clear()：当前Storage对象键/值对列表中有数据项时，清空键/值对

列表。

6

1.本地1.2本地类型

本地数据库

◼本地数据库是HTML的浏览器端数据库，可以在客