localstorageStorage的使用很简单是键值对的形式保存数据的。比如:
在IE中暂时没发现可以调试工具中查看localstorageStorage的方法,支持不好
在Chrome的调试工具支持不错
}
- length:唯一的属性只读,用来获取storage内嘚键值对数量
- removeItem:根据键名,删除键值对
Databases的确很诱惑人当你发现可以用与mysql查询一样的查询语句来操作本地数据库时,你会发现这东西挺囿趣的今天,我们一起来了解HTML 5的Web SQL Database API
下面将一一将介绍怎样创建打开数据库,创建表添加数据,更新数据删除数据,删除表
1、openDatabase:这個方法使用现有数据库或创建新数据库创建数据库对象。
2、transaction:这个方法允许我们根据情况控制事务提交或回滚
3、executeSql:这个方法用于执行真實的SQL查询。
第一步:打开连接并创建数据库
解释一下openDatabase方法打开一个已经存在的数据库如果数据库不存在,它还可以创建数据库几个参數意义分别是:
2,版本号 目前为1.0,不管他写死就OK。
5回调函数(可省略)。
初次调用时创建数据库以后就是建立连接了。
创建的数据库就存茬本地路径如下:
创建的是一个sqllite数据库,可以用SQLiteSpy打开文件可以看到里面的数据。SQLiteSpy是一个绿色软件可以百度一下下载地址或SQLiteSpy官方下载:。
executeSql函数有四个参数其意义分别是:
1)表示查询的字符串,使用的SQL语言是SQLite 3.6.19(必选)
2)插入到查询中问号所在处的字符串数据。(可选)
3)成功时执行的回调函数返回两个参数:tx和执行的结果。(可选)
4)一个失败时执行的回调函数返回两个参数:tx和失败的错误信息。(可选)
上面代码中执行成功的回调函数有一参数result
HTML5的本地存储,还提供了一个storage事件可以对键值对的改变进行监听,使用方法如下:
}
是一个实现了浏览器的本地存储嘚 JavaScript 封装 API不是通过 Cookie 和 Flash 技术实现,而是使用
比较诡异的是居然所有支持的浏览器目前都采用的5MB尽管有一些浏览器可以让用户设置,但对于網页制作者来说目前的形势就5MB来考虑是比较妥当的。
//store(false);(弃用) //因为传入空值 或者报错很容易清空库 //获取多个key的数据处理return 并保存;
单个存储或删除字符串数据
批量存储多个字符串数据
}) //存储两条字符串数据 //存储三条字符串数据
获取key的字符串数据
循环遍历,返回false结束遍历
(做个筆记未来将定时清除封装起来,有思路)
HTML5的本地存储还提供了一个storage事件,可以对键值对的改变进行监听使用方法如下:
对于事件变量e,是一个StorageEvent对象提供了一些实用的属性,可以很好的观察键值对的变化如下表:
}