A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 网页制作 > html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例

html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例

时间:2017-03-17 17:16作者:wangguan人气:82

html5的一个非常cool的功能,就是web storage,类似于之前的cookie,不过与之不同的是,web storage 拥有本地5兆的容量可以存储,而cookie却只有4K,这是完全不能比的优势。

webstrange又分为:localstorage,sessionstorage和本地数据库。

接下来我就来一一介绍:

1、localstorage

localstorage 的使用比较简单,方法有:

一个小demo来展示功能:

html 代码:

这样,一个简单的展示localstorage 的 demo就实现了

2、sessionStorage

sessionStorage用法与localStorage用法相同,不过sessionStorage在浏览器关闭网站时候就会清除,而localStorage会一直保存至浏览器中,二者酌情配合使用。

3、本地数据库

熟悉IOS/Android开发的同学,应该会对SQLite数据库比较熟悉

html5中对数据库的操作比较简单,主要有openDatabase方法和transaction方法

用一个对象db来接收openDatabase创建的访问数据库的对象

其中

databasename:数据库名

version:数据库版本 可不填

desription:数据库描述

size:数据库分配空间大小

transaction方法用一个回调函数作为参数,在函数中执行具体的访问数据库的方法

executeSql方法的四个参数分别是:

sqlQuery:需要具体执行的sql语句,create||select||update||delete;

[value1,value2..]:sql语句中所有使用到的参数的数组,在executeSql方法中,将sql语句中所要使用的参数先用“?”代替,然后依次将这些参数组成数组放在第二个参数中;

dataHandler:执行成功回调函数;

errorHandler:执行失败回调函数;

标签html5,本地,存储,localstorage,数据库,s

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号