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:执行失败回调函数;
新闻速报 Babel发布7.14.0 Node.js发布16.0.0 Bootstrap 5发布 ES2021/ES12新特...
为了包含 Jetpack Compose 1.0.0-beta05 的更新内容,这篇文章在第一次发布后做...
由于现在frame和frameset很少使用,已经过时了,已经被div+CSS代替了,所以,这...
Spring 团队日前发布了 Spring Native Beta 版。通过 Spring Native,Spring 应...
购买 云服务器 价格表? 云服务器 的价格受很多因素影响,比如 云服务器 的服务...
TOP云 (west.cn)8月16日消息,据注册局Donuts公布的最新消息,新顶级 域名 co....
Dreamweaver设计网页的时候,想要撤销几个操作,这就是返回步数,该怎么设置返回...
整理文档,搜刮出一个H5调用相机拍照并压缩图片的实例代码,稍微整理精简一下做...
TOP云 (west.cn)1月8日消息,近日外媒公布了 .org域名 2017年年度TOP100交易榜...
TOP云 1月22日讯,继昨日汽车 域名 开放注册以来,目前.car域名的全球注册量已经...