时间: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:执行失败回调函数;
网友评论